DataGrid With PopUp Editor

Nice attempt but a bit buggy... clicking on any of the rows in the last column multiple times causes multiple editors to appear and eventually stop everything from working. The first two columns' rows seem to work as expected though.

-----------------------------
Alex responds:

OK, maybe I'll find time to look into that.

Alex, what's the bug in Datagrid you mentioned?

-----------------------------
Alex responds:

The itemEditorFocusOutHandler should use owns() instead of contains()

I have a DataGrid with three columns (type, kind, amount). The type and kind columns each have a ComboBox as an item editor. When a type is selected the data that is bound to the "kind" combobox changes (based on the type chosen). Imagine this is based on foods.

var types:Array = ['Fruit', 'Vegetables'];
var kinds:Array = [];
var fruits:Array = ['Banana', 'Orange', 'Apple'];
var vegetables:Array = ['Corn', 'Broccoli', 'Green Beans'];

The combobox editors look like:

The event handler for the "types" combobox does this:

private function onDataSourcesChange(e:ListEvent):void {
    var index:int = (e.target as ComboBox).selectedIndex;
    if (index == 0) {
        kinds = fruits;
    }
    else {
        kinds = vegetables;
    }
}

So this works however, when there are multiple rows in the DataGrid and you change the "Type" in one row, it changes the options in the comboboxes in the "kind" column in all of the other rows.

Any suggestions on how to do this? I basically need each row to only know about its own state.

-------------------------
Alex responds:

If you read through the other item renderer articles you'll see that I recommend that all state be stored in the dataprovider or in some sort of associated object. Renderers get recycled and won't store their own UI state.

Hello Alex,
Thank you for this example. Did you "find time to look into that"? I mean that it's not working.

-----------------------
Alex responds:

Nope, not yet.

Hi Alex,

I am trying to create a Datagrid where all cells on a row are editable at the same time. Something that looks like this:

http://www.webfuel.pt/jsaleiro/editablerow.jpg

I am stuck between creating a popup covering the row, or extending the Datagrid making it support several itemEditors per line. Both options are scary, but I definitely need to make a bet on one of them.
Given your experience, what do you recommend?

Thanks in advance.

------------------------
Alex responds:

One popup editor that floats over the row

For me personally to create a popup editor was problematic until I first came across the information about it at http://rapid4me.com and entered your post. I admire the way how easily you put the instructions here. Much appreciated. Thank you!

In your demo the first time you click on a row in the 3rd column the popup appears and allows you to edit. After you hit the "x" to return to the datagrid, you can no long get the popup to re-appear. Has anyone else experienced this bug??