`
glsjay
  • 浏览: 11000 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Flex用GroupingCollection2建立tree的Hierarchy浅析

阅读更多
最近一直在actionscript下写程序

碰到了要写tree的情况,后台阿三给的是flat XML数据,数据收到转换后我用arraycollection去存
要自己在arraycollection上建立Hirarchy,对tree又不是那么熟,查查各种资料。
发现GroupingCollection2是一个不错的东西,用了之后感觉不错,写下来
这个是来自adobe的例子Displaying grouped data,我参考的是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去弄了,为此来问了另一个阿三(他的blog), 惭愧, 下面是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
不难,就是一种用法,当作第一篇。


分享到:
评论

相关推荐

    Hierarchy面板管理插件(Unity)

    在Unity游戏引擎中,"Hierarchy面板管理插件"是用来增强Unity内置Hierarchy面板功能的重要工具,目的是提高场景管理和编辑效率。本压缩包包含了两个这样的插件:Hierarchy PRO和QHierarchy。 Hierarchy PRO是一个...

    Hierarchy2 v1.3.10.0

    Hierarchy2 v1.3.10.0

    Android View Hierarchy,解决View Hierarchy不能启动

    解决这个启动 View Hierarchy时的这个bug: hierarchy viewer unable to debug device

    Unity 提取并拷贝物体Hierarchy路径

    效果及使用方法:https://blog.csdn.net/qq_26318597/article/details/131373576 1.导入插件包 2.选中Hierarchy中的物体 3.右键选择“复制Hierarchy路径” 4.Ctrl + V 粘贴

    Android 实用工具Hierarchy Viewer实战

    本文将详细介绍如何使用 Hierarchy Viewer 工具在 Android 开发过程中。 一、设计界面 在设计界面时,需要使用 LinearLayout 和 FrameLayout 布局,以及文本框 TextView 及图片框 ImageView 控件。Hierarchy ...

    android工具Hierarchy_Viewer命令详解

    ### Android工具Hierarchy Viewer命令详解 #### 一、概述 Hierarchy Viewer是Android SDK中自带的一款强大的UI设计与检测工具。它位于Android SDK的`tools`目录下,文件名为`hierarchyviewer.bat`。对于Android...

    SAP BW Hierarchy Extractor

    ### SAP BW Hierarchy Extractor:从SAP R3系统抽取自定义层级至BW系统的架构 #### 业务场景 在很多企业环境中,管理者需要能够访问其下属员工所负责的数据。尽管SAP Business Warehouse (BW)提供了丰富的业务内容...

    Flex4 中文API

    2. **Flex Component Hierarchy**:Spark组件库包含了一系列基础组件,如Button、Label、Layout等,它们构成了Flex UI的基础。每个组件都有自己的生命周期,包括creationComplete、initialize、render等关键阶段,...

    Hierarchy viewer的运行原理介绍

    ### Hierarchy Viewer运行原理深入解析 #### 一、Hierarchy Viewer概览 Hierarchy Viewer是一款由Google提供的强大工具,专为Android开发者设计,旨在辅助界面设计、调试及优化工作流程。通过直观地展示应用UI的...

    Enhanced_Hierarchy_2.0_v2.4.5.unitypackage

    Enhanced_Hierarchy_2.0_v2.4.5.unitypackage 最新版本哦 正版

    Unity Hierarchy面板增强插件 QHierarchy v4.4

    Unity是世界上最流行的游戏开发引擎之一,它为开发者提供了丰富的工具集来创建交互式3D和2D内容。...通过学习和使用这款插件,你不仅可以提升开发效率,也能更好地理解和掌握Unity的场景组织原理。

    select2tree:extend select2 for treeview. 扩展select2,使它可以树形展示,可以缩放

    与select2用法一致,只是在使用时$('select').select2()变成了$('select').select2tree()。 option标签中指定parent属性即可实现树形展示,支持数据源乱序,展示下拉选项时将自动排序。 select2tree (EN) This is ...

    Hierarchy PRO 2021 v2021.1u9.unitypackage

    Hierarchy PRO 2021 v2021.1u9

    使用Hierarchy Viewer工具移除不必要的视图

    Hierarchy Viewer工具可以用来查看视图树(View Tree)并分析视图树中各个视图在测量、布局、绘制阶段所消耗的时间。通过该工具提供的信息,开发者可以找出视图树中那些不必要的视图以及性能瓶颈。在这个demo中,...

    IRQ hierarchy的初始化及构建过程详解

    IRQ Hierarchy 的初始化及构建过程详解 IRQ(Interrupt Request)是计算机系统中的一种机制,允许外部设备请求 CPU 的注意,以便处理某些事件。IRQ hierarchy 是指系统中所有 IRQ 的组织结构,在系统启动过程中,...

    jsTree v.1.0中文文档

    jsTree 是一个用JavaScript编写的开源库,主要用于在网页上创建可交互的树形结构。这个库在v.1.0版本时,已经成为开发人员构建多层级数据展示和管理界面的常用工具。尽管这个中文文档是由谷歌翻译的,可能存在一些...

    前端项目-d3-hierarchy.zip

    在这个名为“前端项目-d3-hierarchy.zip”的压缩包中,包含了一个使用D3.js库实现的层次数据可视化布局算法。D3.js(Data-Driven Documents)是一个强大的JavaScript库,专为创建动态、交互式的SVG、Canvas或WebGL...

    flex in a week

    4. **Flex Component Hierarchy**: Flex提供了一套丰富的组件库,包括各种按钮、面板、数据网格等,这些组件构建在Flex Component Kit上,可以帮助开发者快速构建用户界面。 5. **数据绑定**: Flex中的数据绑定是...

Global site tag (gtag.js) - Google Analytics