Anyways, great blog article. it was the lightbulb fix to my problem!

Thanks a lot for the tutorial !!

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

I am trying to populate a data grid using xml, one of the columns of which is a combobox. However, I also want the combobox to be updated dynamically (depending upon the data from the xml).

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

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

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

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. I tried to add the "override public function set data/dataProvider" functions, but still it did not work.

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

Thanks in advance,
Kapil

Very good examples.
I have a similar problem in my project.

public class Comboboxrenderer extends ComboBox

I have created a custom item renderer combo box and added it to the data grid coulm like below.
var col1:DataGridColumn = new DataGridColumn("@col1");
col1.itemRenderer = new ClassFactory(Comboboxrenderer);

Now I am facing problems in setting the combo box to normal one.

I have written every thing in action script files. Is that creating problems.?

Please help me.

I wanted to thank you for your blog entry because it has helped me tremendously. I now have a slightly different problem though and I cannot, for the life of me, figure out what is going on. I believe it is a similar problem that this entry resolves.

I have an <AdvancedDataGrid> that is grouped, meaning that the dataprovider is a GroupingCollection but it gets more complicated. In this Advanced Data Grid, I am using a <AdvancedDataGridRendererProvider> which renders a component called "thumbNailRenderer".

The reason behind this is that I needed to display a listing of Departments that are grouped and in each of these departments I need to display a row of thumbnail images of the employees.

I actually have all this working, but my problem is that in the "thumbNailRenderer" component, there is an <mx:Image source="{data.ntlogon}.jpg"/> call. In my style sheet, i'm doing a brokenImageSkin:Embed("nophotoman.gif") on this <mx:Image> node. So whenever there the source jpg cannot be found, I wanted to show a generic no_photo.jpg image instead of the broken image icon that shows by default whenever an image cannot be found. I know my path to the "nophotoman.gif" image is correct but the image does not show.

I've also tried using the <mx:Image ioError=""/> call but when I go this route the AdvancedDataGrid starts refreshing like crazy which is similar to the problem that this blog entry resolves.

Any guidance or advice would be very very much appreciated,

Thank You

-Bill

[code]
public override function set data(value:Object):void{
// This will fire off the FlexEvent.DATA_CHANGE Event
super.data = value;
// if the value is null this cell is empty
if(value == null){
// clear all the controls
[b]myComboBox.selected = false;[/b]
return;
}
// set the controls with this data
[b]myComboBox.selected = data.myComboBoxSouce;[/b]
}
[/code]