Comments on: Using XML with DataGrid itemRenderers

By: Neha

Neha — Thu, 22 Apr 2010 11:50:54 +0000

Hi ,

I am trying to use AutoComplete as itemEditor in an AdvancedDataGrid.It is not working properly.

1.When there appears a scroll bar and I try to scroll down ,the typed text in the AutoComplete component disappears where in i want to retain it.

2.When i change the typed text of autocomplete in one row ,the combo for other rows open one by one.

Please help me with the solution.

Thanks.

By: Kapil Kaushik

Kapil Kaushik — Mon, 13 Jul 2009 07:42:12 +0000

Hi Mister,

Thanks for the reply. I have already gone over the post. Also, as mentioned in that post, I am indeed passing an associative array to the dataprovider of the datagrid, and all the data does get updated nicely, except for the combobox

The reason for above is that it does not set the data to the itemrenderer of combobox (inspite of me overriding the “set data” and “set dataProvider” functions).

But how to set it, i do not understand

Thanks,
Kapil

By: Kapil Kaushik

Kapil Kaushik — Mon, 13 Jul 2009 07:41:43 +0000

Hi Mister,

The reason for above is that it does not set the data to the itemrenderer of combobox (inspite of me overriding the “set data” and “set dataProvider” functions).

Thanks,
Kapil

By: Mister

Mister — Sun, 12 Jul 2009 23:58:50 +0000

You need to check out an article on Adobe.com about creating itemrenderers, this will show you how to pass data into the itemrenderer from the list or datagrid controls: http://www.adobe.com/devnet/flex/articles/itemrenderers_pt1.html

By: Kapil Kaushik

Kapil Kaushik — Sat, 11 Jul 2009 20:46:16 +0000

Hi Mister,

Thanks for the tutorial !!

I am stuck with one problem for sometime now, and was hoping if you could help me out.

Similar to your example, I am trying to populate a data grid using xml. However, I also want the combobox to be updated dynamically.

I am using flex 3.3 mx.controls.datagrid component.

Here is the code snippet for what I am trying to do:

1
2
3
4
5
6
7
8

var propertyColumn:DataGridColumn = new DataGridColumn("Name");
propertyColumn.editable = false;
propertyColumn.width = 60;
var valueColumn:DataGridColumn = new DataGridColumn("Value");
valueColumn.editable = true;
propertyColumn.width = 60;
var unitColumn:DataGridColumn = new DataGridColumn("Unit");
unitColumn.itemRenderer = new ClassFactory(Unit);

Here Unit is an class which implements Combobox

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

public class Unit extends ComboBox
{
private var _displayList:ArrayCollection;

public function Unit()
{
_displayList = new ArrayCollection();
_displayList.addItem("N/A");

this.selectedIndex = 0;
this.dataProvider = _displayList;
}

public function setDisplayList(list:ArrayCollection):void
{
_displayList = list;
this.dataProvider = _displayList;
this.selectedIndex = 0;
}
}

Then I create an array object which contains a list of values for this, and assign it to the dataprovider of the data grid. All the other values in the grid get displayed properly except for the combobox. The reason I checked was that it creates a new item for the unit when I assign my data to the dataprovider, and does not take my previous data.

I understand that what is happening is correct (because I am doing new ClassFactory(Unit) while creating itemrenderer), but dont know what I need to do to pass the data I provided to the itemrenderer.

Any help/feedback that you may give would be really really appreciated !!!

Thanks in advance,
Kapil

By: Mister

Mister — Wed, 04 Jun 2008 15:34:49 +0000

I don’t get an error, the only thing not working is the delete function. Can you be sure you have version 9 of the Flash player. I can’t imagine what else could be the issue.

By: Asma

Asma — Wed, 04 Jun 2008 06:13:46 +0000

hi,
i’m using item renderer in my app… even i get the same error saying definition Flags could not be found… Flags is the .mxml file i created which has the renderer… and it is in the same folder as my main file

By: Jim

Jim — Mon, 02 Jun 2008 19:10:57 +0000

Mister

Thanks for the wonderful example.

I am not too sure how to implement the following scenario using the rendered here.

1) I have a httpservice returning an xml that looks like this

1
Science

2
Mathematics

This is the data for the itemrenderer combo box. I want it to display the name, but as the value back to the datagrid, send the “id”.

Also in the datagrid, I would like to display the name instead of id.

Any inputs, appreciated.

Thanks

Jim

By: Mister

Mister — Sun, 02 Mar 2008 16:19:55 +0000

Well, since the code has not changed and the data has not changed, the remaining factor seems to be the Flash player version change. I am using 9.0.115, and it has stopped working for me as well. What version of the Flash player are you using?

By: pythagoras

pythagoras — Fri, 29 Feb 2008 21:39:00 +0000

the delete button doesn’t seem to work. It seems you have a removeChildAt call which I can’t find in the XML class docs, but it there is a removeItemAt in XMLLIstCOllection … any ideas?