How to change datagrid contents?

Question

Okay it is easy to follow the tutorials and populate a
datagrid like:
<mx:DataGrid id="dgmain">
<mx:columns>
<mx:DataGridColumn headerText="header1" dataField="col1"
/>
<mx:DataGridColumn headerText="header1" dataField="col2"
/>
<mx:DataGridColumn headerText="header1" dataField="col3"
/>
</mx:columns>
<mx:ArrayCollection id="arrcol">
<mx:Array id="arr1">
<mx:Object col1="cell 11" col2="cell12" col3="cell 13"
/>
<mx:Object col1="cell 21" col2="cell22" col3="cell 23"
/>
</mx:Array>
</mx:ArrayCollection>
</mx:DataGrid>
But how do you update a cell value, for instance cell in row
1 coulumn 2 where i want to replace "cell12" with "new value" ?
Another thing: i want to get data from a sql-server by using
a webservice or something so perhaps there is another more easy way
to populate and update a datagrid or accordion?

Answer 1

Your underlying array collection (that will be the
dataprovider for the grid)
should be declared with the bindable metatdata tag
[Bindable]
private var mydata:ArrayCollection
Now Flex we do all the data binding you need.
Now you can make the datagrid editable, or more likely
capture the click or change events in the grid, get the selected
row, poputate a editor panel (again using data binding so Flex will
do all the work).
For example, suppose you have a collection of Employee
Objects:
[Bindable]
private var employees:ArrayCollection;
[Bindable]
private var selectedEmployee:Employee