Apache – DataGrid selectedItem binding with selectedItem in Combox

apache-flex

In Flex, how can I set the selectedItem of a ComboBox to the selectedItem of a grid (name,mobile,category)? If I select one row in the grid(category), that selected item (category item) must be selected item in categories ComboBox.

<mx:DataGrid id="dg" width="425" height="328" rowCount="5" 
  dataProvider="{contactList}" cornerRadius="3" 
  change="selectedItem=(event.target as DataGrid).selectedItem.groupId;">  
<mx:ComboBox id="grpName" dataProvider="{groupsList}" labelField="groupName"
  selectedIndex="{selectedItem}" />

Best Answer

If the data provider of the ComboBox and the DataGrid are similar (of same length and contents) you can bind the selectedIndex property to achieve this.

<mx:ComboBox selectedIndex="{dg.selectedIndex}"/>

Related Solutions

Flex – Problem with auto resizing datagrid

You can achieve this goal with the AdvancedDataGrid using the following code. If you remove the this.headerHeight, it works for List as well, which makes me believe it should work for the regular old DataGrid.

  override protected function measure():void
  {
   super.measure();

   if ( this.dataProvider )
   {
    var newHeight : int = measureHeightOfItems( 0, this.dataProvider.length ) + this.headerHeight;

    this.minHeight = newHeight;
    this.height = newHeight;
   }
  }

Flex:programmatically selecting some row – selectedItem is null

use

dg.invalidateList();
dg.callLater(setRows, [1]);

function selRows(indices:Array):void {
  dg.selectedIndices = indices;
  dg.validateNow();
  dg.scrollToRow(indices[0]);
}

Basically if you are changing DG data and selecting an item in the same flow, your seleciton will be overwritten by ListBase methods, you have to set the selections after current GUI update for which you need to use callLater methoad.

Best Answer

Related Solutions

Flex – Problem with auto resizing datagrid

Flex:programmatically selecting some row – selectedItem is null

Related Topic