`
lipbb
  • 浏览: 68491 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

为Flex Tree控件构造树形结构数据

阅读更多
将数据库里查出来的列表结构转为树形结构的ArrayCollection,需要数据有id字段(可以不叫id),parent项(对应父节点id),有children项(实现ITreeData接口)。

示例:
var ac:ArrayCollection = new ArrayCollection();
var d1:Department = new Department();
d1.id = "1";
d1.name = "校";
var d2:Department = new Department();
d2.id = "2";
d2.name = "班1";
d2.parent = "1";
var d3:Department = new Department();
d3.id = "3";
d3.name = "班2";
d3.parent = "1";
var d4:Department = new Department();
d4.id = "4";
d4.name = "生1";
d4.parent = "2";
var d5:Department = new Department();
d5.id = "5";
d5.name = "生2";
d5.parent = "2";

ac.addItem(d1);
ac.addItem(d2);
ac.addItem(d3);
ac.addItem(d4);
ac.addItem(d5);

var td:ArrayCollection = TreeDataCreator.toTreeAC(ac);
trace(td);


输出结果:
{id:1, name:校, parent:null, children:[{id:2, name:班1, parent:1, children:[{id:4, name:生1, parent:2, children:[]}, {id:5, name:生2, parent:2, children:[]}]}, {id:3, name:班2, parent:1, children:[]}]}

详细代码见附件
分享到:
评论

相关推荐

    flex tree控件

    在Flex编程中,Tree控件是一种常用的用户界面元素,它用于显示层次结构的数据。这个“flex tree控件”主题主要关注如何自定义Tree控件的外观,特别是如何去掉默认的图标并添加线连接来增强视觉效果。下面我们将深入...

    Flex Tree快速定位树结点

    Flex Tree 是Adobe Flex框架中的一个组件,用于展示层次结构数据,通常以树形结构呈现。在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入...

    flex checkboxtree复选树形下拉框

    在Flex中,`mx.controls.Tree`控件可以用来展示层级数据,而通过扩展和定制,我们可以添加复选框功能,使其成为复选树形结构。每个树节点都可以包含一个复选框,用户可以通过点击复选框来选择或取消选择节点。同时,...

    FlexViewer 树形结构带checkbox事件处理

    在这里,"FlexViewer 树形结构带checkbox"意味着在树形控件的每个节点上都添加了一个复选框,用户可以通过勾选这些复选框来控制与之关联的地图元素。 事件处理是Flex编程中的关键部分,特别是在用户交互丰富的应用...

    flex自定义树形结构

    总结,利用Flex布局和Tree数据结构,我们可以创建一个高度定制的多级目录树形结构,支持展开和收缩功能。这种结构在很多场景下都非常有用,如文件管理、菜单系统或导航栏。理解并熟练运用这些技术,将有助于提升前端...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    Flex Tree 通过Arraycollection转化为XML数据源,新增、删除、修改功能的整合

    在Flex中,Tree组件是一种常用的控件,用于显示层次结构的数据。本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,...

    Flex 树形结构

    在本例中,"Flex 树形结构"是指使用Flex技术实现的能够显示层次化数据的交互式控件。 `CheckTreeRenderer.as` 和 `CheckTree.as` 是两个关键的源代码文件,它们可能定义了自定义的树形结构渲染器和整个树形组件。`...

    动态绑定XML,实现flex树控件的绑定

    在Flex开发中,动态绑定XML是一种常见的数据驱动技术,它允许开发者通过XML文件来存储和管理数据,并将这些数据实时地展示在用户界面中,如树形控件。本示例着重讲解如何利用动态绑定XML来实现Flex树控件的绑定,...

    flex Tree 复选框。

    在这个特定的场景中,我们关注的是在Flex Tree中集成复选框功能,这为用户提供了一种直观的方式来选择或操作树形结构中的多个节点。让我们深入探讨这个主题,了解如何实现Flex Tree复选框以及其与父目录状态之间的...

    flex Tree checkbox 修改过后的

    Flex Tree控件是一种用于展示层次结构数据的UI组件,它允许用户通过节点展开和折叠来探索数据。在Flex中,为了增加更多的交互性,我们有时需要在Tree的每个节点前添加复选框(checkbox),这使得用户能够进行多选...

    flex tree+checkbox级联勾选

    在IT行业中,Flex Tree是一种常用于数据展示和交互的组件,尤其在构建用户界面时,它能够以树形结构清晰地展示层次数据。配合Checkbox(复选框)功能,可以提供用户选择或过滤数据的便利操作。"Flex Tree + Checkbox...

    Flex Tree 中Checkbox

    1. **Flex Tree组件**:Flex Tree是MXML和ActionScript中的一个控件,用于显示分层的数据结构。它由一系列可展开或折叠的节点组成,每个节点可以包含子节点。用户可以通过单击节点来展开或折叠它们,查看其子节点。 ...

    用ArrayCollection当做flex中Tree控件的DataProvider

    配置完成后,`Tree`控件会自动根据`ArrayCollection`中的数据结构生成相应的树形结构。`ArrayCollection`的动态性也使得我们可以方便地添加、删除或修改数据,从而实时更新`Tree`的显示。 总结来说,使用`...

    flex带复选框的tree,flex checkboxtree

    在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...

    flex tree 教程二

    Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...

    flex tree icon

    在IT行业中,"flex tree icon"通常指的是使用Flex技术构建的一种树形结构控件,它在用户界面上显示带有图标的层次数据。Flex是一种用于创建富互联网应用程序(RIA)的框架,基于ActionScript编程语言和Flash Player...

    flex拖动树形

    树形控件在Flex中是Tree组件,它允许展示层次结构的数据。要实现拖动功能,可能需要自定义Tree的itemRenderer,以便在渲染每个节点时添加必要的拖放标识和行为。同时,还需要确保树的数据提供者(通常是...

Global site tag (gtag.js) - Google Analytics