binding between dataGrid and comboBox

[vlad2005]

I have an dataGrid with some columns, and an comboBox with values from one column that is in my dataGrid. When i change value in dataGrid, i want to change and values in my combo too. For that need some bindings, but i dont know how.

[drkstr]

Maybe someone has a cleaner solution, but I would just listen for a change event on the data grid, then update the combo box to your DataGrid.selectedItem (or whichever data is supposed to populate the combo box).

Best regards,
...aaron

[vlad2005]

This is easy, but i want that all data show into one column in dataGrid to be show and in comboBox, not only selectedItem.

[drkstr]

Oh I see what your saying now. DataGrid.columns[x] should get what you need.

hope this helps,
...aaron

[vlad2005]

can be more specific?
I have an combo box named myCb. How i can populate with dataGrid.columns[x]

[drkstr]

Uh, well it's impossible to tell you the exact implementation to use without knowing the specific needs of your program. But from what it sounds like, you have data in a column you want to use in a ComboBox. The DataGrid.columns property returns an array of columns, so pick which column from that array you want to pull data from, then assign it to the dataProvider of the combo box. I assume you know how to take it from there since you said this was easy.

Best regards,
...aaron

[vlad2005]

i try'it myCb.dataProvider = myDG.columns[0];
but not work. Any idea?

[drkstr]

My apologize, I forgot the columns property returns a display object, not the data itself. Since a DataGrid lists it's data by row and not columns, you may need to do something like this:

<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>
<![CDATA[

import mx.collections.ArrayCollection;

[Bindable]
private var myCBDataProvider:ArrayCollection;

private function updateComboBox(): void {
	var columnData:ArrayCollection = new ArrayCollection();
	
	for each( var row:Object in idDataGrid.dataProvider ) {
		columnData.addItem(row.name.toString());
	}
	
	myCBDataProvider = columnData;
}
	
]]>
</mx:Script>

    <mx:XMLList id="idEmployees">
        <employee>
            <name>Christina Coenraets</name>
            <phone>555-219-2270</phone>
            <email>[email protected]</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Joanne Wall</name>
            <phone>555-219-2012</phone>
            <email>[email protected]</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Maurice Smith</name>
            <phone>555-219-2012</phone>
            <email>[email protected]</email>
            <active>false</active>
        </employee>
        <employee>
            <name>Mary Jones</name>
            <phone>555-219-2000</phone>
            <email>[email protected]</email>
            <active>true</active>
        </employee>
    </mx:XMLList>

    <mx:Panel title="DataGrid Example" height="100%" width="100%" 
        paddingTop="10" paddingLeft="10" paddingRight="10">

        <mx:DataGrid id="idDataGrid" width="100%" height="100%" rowCount="5" dataProvider="{idEmployees}">
            <mx:columns>
                <mx:DataGridColumn dataField="name" headerText="Name"/>
                <mx:DataGridColumn dataField="phone" headerText="Phone"/>
                <mx:DataGridColumn dataField="email" headerText="Email"/>
            </mx:columns>
        </mx:DataGrid>

		<mx:ComboBox id="idComboBox" dataProvider="{myCBDataProvider}" />
		<mx:Button label="Update ComboBox" click="updateComboBox();" />
        
    </mx:Panel>
</mx:Application>

But again, I can't tell you the exact implementation you should use without seeing the code. The best way to do it really depends on a lot of different factors.

Hope this was more of a help,
...aaron

[vlad2005]

Yes, that is one solution, and work well for my intention. Thanks for your time!