Hi derek.. could you please give us a working example of your code hint

Many thanks

1.) set your data
2.) set a local variable this.total_rows = YOUR_DATA.length;// this gets the amount of rows at depth 1

For HierarchalData, do the following:
3.) Set an event handler for your event with code similar to this:
var new_height:Number;

if (a.itemRenderer != null) {
if (a.type == AdvancedDataGridEvent.ITEM_OPEN) { // Item is opening
this.total_rows++;
}
else { // Item is closing
this.total_rows–;
}
}
terminates_report_panel_g.rowCount = this.total_rows;
new_height = terminates_report_panel_g.measureHeightOfItems(0, terminates_report_panel_g.rowCount);
new_height += terminates_report_panel_g.headerHeight;

// Finalize the heights
terminates_report_panel_g.height = new_height;
this.height = new_height + app_panel.borderMetrics.top + app_panel.borderMetrics.bottom;

FOR SIMPLE ARRAYCOLLECTION DATA, do the following:
3.) Set an event handler for your event with code similar to this:
var new_height:Number;

if (a.itemRenderer != null) {
var item:IListItemRenderer = a.itemRenderer;
if (a.type == AdvancedDataGridEvent.ITEM_OPEN) { // Item is opening
this.total_rows += item.data.children.length;
}
else { // Item is closing
this.total_rows -= item.data.children.length;
}
}
quota_report_panel_g.rowCount = this.total_rows;

// Show all groupLabels by default, plus all the rows under each open group
var num_visible_rows:int = quota_report_panel_g.gc.grouping.fields.length + quota_report_panel_g.rowCount;

new_height = quota_report_panel_g.measureHeightOfItems(0, num_visible_rows);
new_height += quota_report_panel_g.headerHeight;

if (quota_report_panel_g.gc.summaries != null) {
new_height += quota_report_panel_g.rowHeight;
}

// Finalize the heights
quota_report_panel_g.height = new_height;
this.height = new_height + app_panel.borderMetrics.top + app_panel.borderMetrics.bottom;

private function changeAppHeight(a:AdvancedDataGridEvent):void {
if (a.type == AdvancedDataGridEvent.ITEM_OPEN) { // Item is opening
terminates_report_panel_g.height = terminates_report_panel_g.measureHeightOfItems(-1, xml_data.length) + terminates_report_panel_g.headerHeight;
}
else { // Item is closing
terminates_report_panel_g.height = terminates_report_panel_g.measureHeightOfItems(-1, xml_data.length) + terminates_report_panel_g.headerHeight;
}
this.height = terminates_report_panel_g.height + app_panel.borderMetrics.top + app_panel.borderMetrics.bottom;
if (ExternalInterface.available) {
try {
ExternalInterface.call(“EC.Project_Reports.setReportHeight”, this.height);
}catch (error:SecurityError) {
//output.appendText(“A SecurityError occurred: ” + error.message + “\n”);
}catch (error:Error) {
//output.appendText(“An Error occurred: ” + error.message + “\n”);
}
}
}

my setup:

1.) panel surrounding ADG
2.) ADG which has hierarchal data. column 1 is just text, column 2 is a custom renderer which has 2 columns, both of which use another custom renderer. all custom renderers are ADG’s themselves.
3.) when user clicks on column 1 text, it should open up column 2 (which physically sits below it and spans the same length as the text) and re-size the entire grid to fit. It does this but then adds scrollbars.