如何隱藏flex中AdvancedDataGrid的根節點

Flex中的AdvancedDataGrid控件可以顯示具有層次關係的數據，如：

<Root> <Node id="1" name="name1"/> <Node id="2" name="name2"/> <Node id="3" name="name3"> <Node id="4" name="name4"/> <Node id="5" name="name5"/> </Node> </Root>

但有的時候並不想根節點<Root>也佔一行，而且希望能將其隱藏。

就像Flex中的另一個控件：Tree，將其showRoot設爲false，Tree就不會顯示數據源中的根節點。

AdvancedDataGrid有沒有showRoot屬性呢？很遺憾，沒有。

不過不要緊，IHierarchicalCollectionView具有showRoot屬性，AdvancedDataGrid內部使用了該接口來管理數據。所以可以這樣來實現根節點的隱藏：

(myAdvancedDataGrid.dataProvider as IHierarchicalCollectionView).showRoot = false;

示例如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> <mx:Script> <!--[CDATA[ import mx.collections.IHierarchicalCollectionView; [Bindable] private var dp:XML = <Root> <Student name="張三" age="23" /> <Student name="李四" age="23" /> </Root>; private function init():void { (adg.dataProvider as IHierarchicalCollectionView).showRoot = false; } ]]--> </mx:Script> <mx:AdvancedDataGrid id="adg"> <mx:dataProvider> <mx:HierarchicalData source="{dp}" /> </mx:dataProvider> <mx:columns> <mx:AdvancedDataGridColumn headerText="姓名" dataField="@name"/> <mx:AdvancedDataGridColumn headerText="年齡" dataField="@age"/> </mx:columns> </mx:AdvancedDataGrid> </mx:Application>

 

 

參考：http://forums.adobe.com/thread/583436?tstart=1