Adobe Community: How to get AdvancedDataGrid ItemRenderer for hierarchal column to work

Currently Being Moderated

1. Sreenivas R,

Mar 17, 2008 11:28 PM in reply to Pigg_Man

Report

Find sample source here which adds a check box. You can modify it to show another icon.

http://sreenivas.ramaswamy.googlepages.com/AdvancedDatagridSamples.zip

|

Mark as:

Currently Being Moderated

2. Pigg_Man,

Mar 18, 2008 8:15 AM in reply to Pigg_Man

Report

Ahhhhhh..... I was assigning the item renderer to the individual column like...
MyColumn.itemRenderer = new ClassFactory(PE_DataSourceRenderer2);

I needed to do:
MyAdvancedDataGrid.groupItemRenderer = new ClassFactory(PE_DataSourceRenderer2);

Thank you so much for you help!

|

Mark as:

Currently Being Moderated

3. JDuley,

Mar 20, 2008 3:40 PM in reply to Sreenivas R

Report

Hello,
I have looked at this example and it uses AdvancedDataGridGroupItemRenderer. Can you point me in the direction of any examples that use CheckBoxes in other columns (e.g. not in the tree column). To do this, I assume you have to use AdvancedDataGridItemRenderer. Thanks.
Jason

|

Mark as:

Currently Being Moderated

4. Sreenivas R,

Mar 20, 2008 10:52 PM in reply to Pigg_Man

Report

ADGItemRenderer directly derives from UITextField hence cannot be used to display anything else easily.

If you want to use a simple CheckBox as a itemRenderer just specify it as itemRenderer for a ADGColumn.

If you want to display some icons etc it would be easy to copy ADGGroupItemRenderer (or any other derived variaiton) remove its tree behavior code and use it.

|

Mark as:

Currently Being Moderated

5. Pigg_Man,

Mar 24, 2008 8:59 AM in reply to Pigg_Man

Report

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

|

Mark as:

Currently Being Moderated

6. JDuley,

Mar 24, 2008 9:02 AM in reply to Sreenivas R

Report

I have gone the itemRenderer route that you recommended on a column. My itemRenderer extends HBox and has some logic to render the checkbox either selected or not selected and I am noticing some strange behavior. I overrode the set data function to hook the ADG into the renderer, is this the only function I need to override? When I scroll or re-size the browser, all the checkboxes reset to their original state. Here is my overriden method:

override public function set data(value:Object):void {
if(this.getChildren().length > 0) return;
var ch:CheckBox = new CheckBox();
if(data.isChecked) ch.selected = true;
else ch.selected = false;
addChild(ch);
}

This impl of set data returns if the checkboxes have already been setup, but now my data model and gui are not is sync. What is the best way to fix this?

|

Mark as:

Currently Being Moderated

7. JDuley,

Mar 24, 2008 9:09 AM in reply to Pigg_Man

Report

Hey Pigg Man, I did not see your post, thank you for this code snippet, I will try it.
Jason

|

Mark as:

Currently Being Moderated

8. Pigg_Man,

Mar 24, 2008 9:20 AM in reply to Pigg_Man

Report

JDuley -> you can override commiteProperties or updateDisplayList depending on what you are doing ->

override protected function commitProperties () : void {
super.commitProperties ();

if (this.data != null) {
if () {
MyCheckBox.selected = true;
} else if () {
MyCheckBox.selected = false;
}
}
}

If you need help with understanding which functions to override then in Flex3 go to help -> ActionScript Custom Components -> Advanced Visual Components in ActionScript

This section will really help you understand the flex internals of how everything works.

|

Mark as:

Currently Being Moderated

9. JDuley,

Mar 25, 2008 8:02 AM in reply to Pigg_Man

Report

I tried setting the property variableRowHeight="true" on the ADG in hopes that the row height would size itself to my itemRenderer UIComponent, but it is not. What is the best way to adjust the row height from the UIComponent itemRenderer such that it fits into the cell?

|

Mark as:

Currently Being Moderated

10. Pigg_Man,

Mar 26, 2008 7:43 AM in reply to Pigg_Man

Report

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {

super.updateDisplayList(unscaledWidth, unscaledHeight);
MyCheckBox.x = (unscaledWidth / 2) - (MyCheckBox.width / 2);
MyCheckBox.y = (unscaledHeight / 2) - (MyCheckBox.height / 2);

}

Depends on what kind of item renderer you have. This will center the checkbox within the row. If you want to make the rows a specific size then go
MyDataGrid.rowHeight = 30;

Heres an example of using variableRowHeight ->
http://thetaskbox.com/stuff/_testvariablerowheight/main.swf

Right click this app to get the source code. If you are doing your item Renderer in actionscript it's the same methodology. Really, .mxml gets converted over to action script anyway!

|

Mark as:

Currently Being Moderated

11. angie_mc,

Apr 21, 2008 9:12 AM in reply to Pigg_Man

Report

Hi,

I'm struggling to get my head round creating item renderers in ActionScript. This example looks really good, but I'm trying to access the data from there and it's not working as _data is null, is there something immediately obvious that I'm doing wrong? Thanks.

|

Mark as:

Flex

How to get AdvancedDataGrid ItemRenderer for hierarchal column to work

Mar 17, 2008 4:12 PM

More Like This

Bookmarked By (0)

Answers + Points = Status