Flex用GroupingCollection2建立tree的Hierarchy浅析

最新推荐文章于 2026-01-06 12:13:41 发布

原创最新推荐文章于 2026-01-06 12:13:41 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#actionscript #adobe

Flex 同时被 2 个专栏收录

5 篇文章

订阅专栏

Flex 4

2 篇文章

订阅专栏

本文解决在Flex中使用GroupingCollection2构建树形结构时出现的末端节点显示问题。通过自定义label函数，成功实现了正确的节点标签展示。

最近一直在actionscript下写程序

碰到了要写tree的情况，后台阿三给的是flat XML数据，数据收到转换后我用arraycollection去存
要自己在arraycollection上建立Hirarchy，对tree又不是那么熟，查查各种资料。
发现GroupingCollection2是一个不错的东西，用了之后感觉不错，写下来
这个是来自adobe的例子[url=http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7bec.html]Displaying grouped data[/url]，我参考的是actionscript版。

但是我遇到的问题是label显示的问题，当我group了2个以上的field之后
然后使用labelField="GroupLabel"，结果是在最后一个结点也就是leaf的时候会出现［object someVo］问题。
即不能正常的显示出来，下面是主要部分code:


import mx.collections.GroupingField;
import mx.collections.Grouping;
import mx.collections.GroupingCollection2;
import mx.collections.ArrayCollection;

[Bindable]
public var myGColl:GroupingCollection2 = new GroupingCollection2();

private var myGrp:Grouping = new Grouping();

private function initDG():void {     

  //dpFlat是arraycollection数据
  myGColl.source = dpFlat;

  myGrp.fields =  [new GroupingField("Initiative"), new GroupingField("Progrom")];  

   //使用GroupLabel显示label，很方便，
   //但这样会出现末端结点的［object someVo］问题     
   myGrp.label = "GroupLabel";  

   myGColl.grouping = myGrp;

   myADG.dataProvider = myGColl;

   myGColl.refresh();

   myTree.dataProvider = gc.getRoot();
}

乱试了很多别的都没办法解决，只能用labelfunction去弄了，为此来问了另一个阿三([url=http://manikmagar.wordpress.com/2011/08/21/flex-tree-and-groupingcollection/]他的blog[/url]), 惭愧, 下面是labelfunction的code:


private function myLabelFunction(item:Object):String{
   if(item.hasOwnProperty('GroupLabel')){ // 这个判定重要
        return item.GroupLabel;
    } else if (item is TestItem){ 
        return item.year;
    } else {
        return item.toString();
}

好了，搞定，本来这是给AdvanceDataGrid里tree用的，我这用来直接tree
不难，就是一种用法，当作第一篇。