R – flex: editing datagrid information

apache-flexdatagrid

I have a simple datagrid that is importing an xml file. I have an edit button at the end of each row, when clicked it brings up an editable form with that rows information in it. I am using event listeners to pass the information back to the main datagrid. The only think i don't understand is, how do you update the datafield values in the datagrid.

I've tried a lot of different things, variations on

myDatagrid.nameField.text = "Person's Name"
nameField[1].text = "Person's name"

Anybody know how I can target the specific rows of the datagrid to edit the values in them?

I have looked a little into data binding, but I can't figure out how to bind the form (in a seperate class) to the datagrid in the main mxml file. So, not sure if this is the way to go.

Best Answer

You would be better off binding on a dataProvider for your dataGrid. Assuming your data is coming from an ArrayCollection:

[Bindable] private var myData:ArrayCollection = new ArrayCollection();

then in your MXML:

<mx:DataGrid dataPrivider="{myData}" ...>

with the curly brace it's now bound so any changes to your myData var automatically update in your grid. Then your edit form can update your myData var directly. I'm not sure what your problem is with binding to something in another class, you may have to bind your form to something like

Application.application.myData

If you really want to avoid the data binding and needed to target a specific row you can probably just grab the selectedItem of your dataGrid. So it would be more like

myDatagrid.selectedItem.nameField.text = "Person's name"

Related Solutions

C# – programmatically add column & rows to WPF Datagrid

To programatically add a row:

DataGrid.Items.Add(new DataItem());

To programatically add a column:

DataGridTextColumn textColumn = new DataGridTextColumn(); 
textColumn.Header = "First Name"; 
textColumn.Binding = new Binding("FirstName"); 
dataGrid.Columns.Add(textColumn);

Check out this post on the WPF DataGrid discussion board for more information.

Flex : How to display a DataGrid selectedItem’s details in a Form

If you are using userRequest.lastResult.user.name as the dataProvider for the data grid, what are your dataFields in the name and age columns?

There is another easy way to do this. Let's say the xml structure is something like:

<someRootTag>
 <user>
  <name>jones</name>
  <age>34</age>
  <height>180cm</height>
 </user>
 <user>
  <name>john</name>
  <age>4</age>
  <height>100cm</height>
 </user>
 <!--more <user/> tags-->
</someRootTag>

You can achieve this using data binding. Note that resultFormat of HTTPService has been changed to e4x from the default object

<mx:HTTPService id="service" url="data.xml" resultFormat="e4x"/>
<mx:DataGrid id="dg" dataProvider="{service.lastResult.user}">
    <mx:columns>
        <mx:DataGridColumn dataField="name"/>
        <mx:DataGridColumn dataField="age"/>
    </mx:columns>
</mx:DataGrid>
<mx:Form>
    <mx:FormItem label="Name">
        <mx:TextInput text="{dg.selectedItem.name}"/>
    </mx:FormItem>
    <mx:FormItem label="Age">
        <mx:TextInput text="{dg.selectedItem.age}"/>
    </mx:FormItem>
    <mx:FormItem label="Height">
        <mx:TextInput text="{dg.selectedItem.height}"/>
    </mx:FormItem>
</mx:Form>

The only AS code you need is to call service.send() from creationComplete of the application.

Best Answer

Related Solutions

C# – programmatically add column & rows to WPF Datagrid

Flex : How to display a DataGrid selectedItem’s details in a Form

Related Topic