How to get AdvancedDataGrid ItemRenderer for hierarchal column to work

Question

I have an advanced datagrid with 5 columns one of which is a
hierarchal (tree). This datagrid is populated by the following:
MyAdvancedDataGrid.dataProvider = new
HierarchicalData(MyXMLListCollection);
The first column is the tree and im trying to do a item
renderer on it in actionscript... I have the following code:
MyTreeColumn.itemRenderer = new ClassFactory(MyRenderer);
In order to get the icon and label to show up i need to
extend AdvancedDataGridGroupItemRenderer as such:
MyRenderer extends AdvancedDataGridGroupItemRenderer
This has one problem... the updateDisplayList function only
gets fired for the children not the root rows... So if you set the
this.icon.visible = false... the icon will show up on the root rows
but the most bottom children rows the icon will become invisible...
Now ... if i extend the class with
AdvancedDataGridItemRenderer then the tree functionality gets
overwritten and it doesn't function the way that I need it to..
Ultimately I'm trying to shift the default label over so I can add
another icon to the right of the the default icon so the user can
click on it... Any help from anyone would be greatly
appreciated...

Answer 1

var column:AdvancedDataGridColumn;
column = new AdvancedDataGridColumn("HeaderName");
column.width = 10;
column.dataField = "@label";
column.itemRenderer = new ClassFactory(MyItemRenderer);
MyAdvancedDataGrid.columns = [column];
code for MyItemRenderer:
package {
import mx.controls.dataGridClasses.DataGridListData;
import mx.controls.listClasses.BaseListData;
import mx.controls.listClasses.IDropInListItemRenderer;
import mx.controls.listClasses.IListItemRenderer;
import mx.core.UIComponent;
public class MyItemRenderer extends UIComponent implements
IDropInListItemRenderer, IListItemRenderer {
//class variables
private var _ListData:DataGridListData = null;
private var _data:Object = null;
public function PE_BaseRenderer() {
super();
public function get listData():BaseListData {
return _ListData;
public function set listData(value:BaseListData):void {
_ListData = value as DataGridListData;
public function get data():Object {
return _data;
public function set data(value:Object):void {
_data = value;
invalidateProperties ();
override protected function createChildren():void {
super.createChildren();
//create you children here
} //end of class declaration
} //end of package declaration
Within this renderer you can create whatever type of children
you want for the datagrid column