`

Flex将Array作为Tree的数据源

    博客分类:
  • Flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
 
    <mx:Script>
        <![CDATA[
            private function tree_labelFunc(item:Object):String {
                var suffix:String = "";
                if (tree.dataDescriptor.hasChildren(item)) {
                    suffix = " (" + item.children.length + ")";
                }
                return item.name.toUpperCase() + suffix;
            }
        ]]>
    </mx:Script>
 
    <mx:Array id="arr">
        <mx:Object name="One">
            <mx:children>
                <mx:Array>
                    <mx:Object name="Two" />
                    <mx:Object name="Three" />
                    <mx:Object name="Four">
                        <mx:children>
                            <mx:Array>
                                <mx:Object name="Five" />
                                <mx:Object name="Six" />
                            </mx:Array>
                        </mx:children>
                    </mx:Object>
                    <mx:Object name="Seven">
                        <mx:children>
                            <mx:Array>
                                <mx:Object name="Eight" />
                            </mx:Array>
                        </mx:children>
                    </mx:Object>
                    <mx:Object name="Nine" />
                </mx:Array>
            </mx:children>
        </mx:Object>
    </mx:Array>
 
    <mx:Tree id="tree" dataProvider="{arr}" labelFunction="tree_labelFunc" width="200" />
 
</mx:Application>
 

 

分享到:
评论

相关推荐

    Flex中Tree组件的数据源举例(xml,array,object)

    本篇将详细介绍如何为Flex中的Tree组件设置不同的数据源,包括XML、Array和Object。 首先,让我们从XML数据源开始。XML因其结构化的特性,非常适合用来表示层次数据。在Flex中,我们可以使用mx.collections....

    flex中tree的数据源是xml

    Flex中的Tree组件支持直接加载XML文件作为数据源。这种方式不仅简化了前后端之间的数据传输,还能提高应用程序的响应速度和用户体验。具体来说: 1. **数据格式化**:后端服务器(如ASP.NET)处理数据库查询结果,...

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

    本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和...

    flex datagrid分页 动态绑定数据源

    在Flex中,我们可以将数据源与组件直接关联,当数据源发生改变时,关联的组件会自动更新,反之亦然。对于Datagrid,我们可以将数据源绑定到ArrayCollection或XMLListCollection等可迭代对象上。这样,无论是在初始化...

    Flex Tree 刷新数据源后,重新打开指定节点的解决方案

    Flex Tree 刷新数据源后,重新打开指定节点的解决方案,不需要延迟等其他手段

    flex_array.rar_flex

    “flex_array.rar_flex”这个标题暗示我们正在讨论一个与flex_array相关的压缩包,其中可能包含源代码文件(flex_array.c和flex_array.h),用于实现和定义这个灵活数组的数据结构和相关操作。这种自定义实现通常会...

    flex带复选框的tree,flex checkboxtree

    3. 数据结构:CheckboxTree的数据源通常是一个数据结构,如ArrayCollection或XML,包含了树形结构的数据。每个节点可能包含一个标识符、文本、子节点列表,以及一个表示是否选中的布尔值。 在提供的压缩包文件中,...

    Flex tree的用法

    - **XML数据绑定**: Tree组件可以轻松地绑定到XML数据源。XML的层级结构非常适合表示树形结构,每个XML元素对应Tree的一个节点。 - **XMLList和XMLListCollection**: 将XML转换为XMLList或XMLListCollection,然后...

    flex tree 教程二

    通常使用mx.collections.ListCollectionView或mx.collections.ArrayList作为数据源。数据模型需要包含表示层级关系的字段,例如“label”(显示的文本),“children”(子节点数组)等。 2. **数据绑定**:将数据...

    flex的combBox添加tree

    7. 数据绑定:Flex支持数据绑定,可以将组件的属性与数据模型直接关联,当数据改变时,组件会自动更新。 8. 事件处理:在AS类中,你需要监听CombBox的change或dropdown事件,以及Tree的itemClick事件,以响应用户的...

    flex4Tree组件分层显示数据示例

    首先,Tree组件的基础在于XML数据源。在Flex4中,我们可以使用ArrayCollection或XMLListCollection作为数据提供者,将XML结构转换为可操作的数据模型。在提供的源码中,你可能会看到一个XML文件,其中包含层次化的...

    flex tree+checkbox级联勾选

    2. **设置Tree数据源**:将数据模型绑定到Tree的数据Provider上,这样每个树节点就对应了一个数据对象。 3. **自定义树节点渲染器**:为了显示Checkbox,我们需要为Tree组件创建一个自定义的渲染器。这个渲染器除了...

    flex tree 修改icon方法

    综上所述,修改Flex Tree的icon涉及到创建自定义渲染器、数据绑定、根据数据源动态设置图标等步骤。理解这些概念和技巧对于构建具有个性化视觉效果的Flex应用程序至关重要。在实践中,需要注意代码的可维护性和性能...

    flex tree控件

    Tree控件的数据源通常是ArrayCollection或XMLListCollection,它们包含一系列对象,每个对象代表树的一个节点。通过数据绑定,我们可以将这些数据对象映射到Tree的可视节点上。 3. 自定义节点图标: 默认情况下,...

    Flex Tree快速定位树结点

    然后遍历Tree组件的数据源,查找匹配的结点。数据源通常是XML或ArrayCollection对象,包含树的所有层级信息。 4. **树节点查找**:使用循环或递归方法遍历数据源,比较每个节点的名称与用户输入的字符串是否匹配。...

    NetApp FlexArray虚拟化软件介绍.pdf

    FlexArray软件利用NetApp的Data ONTAP操作系统,提供了一系列集成的数据保护和存储效率技术,如数据压缩、重复数据删除等,承诺可以将存储需求减少35%甚至更多,并在九个月内实现投资回报。通过“主机到存储”的闪存...

    flex combobx中使用tree

    2. **添加Tree组件**:在`createChildren()`方法中,我们实例化一个Tree组件,并设置其数据源。这个数据源应该是一个能反映层级关系的数据集合,例如ArrayCollection。 3. **处理选择事件**:我们需要监听Tree组件...

    Flex Tree 中Checkbox

    Flex Tree 是一种在Adobe Flex框架中用于展示层次结构数据的组件。它允许用户通过节点来探索和操作数据,而Checkbox的引入则为用户提供了一种多选功能,使得用户可以选择多个树节点。在“Flex Tree 中Checkbox”的...

    flex带comobox的tree

    flex自定义用ArrayCollection做数据源的带checkbox的tree(功能强大的完美版^_^) .

Global site tag (gtag.js) - Google Analytics