`

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组件可以绑定到各种数据源,包括Array,ArrayCollection,以及XML或XMLList。XML因其结构化和易于解析的特性,常被用来存储和传递层次结构的数据,这与Tree组件的展示需求非常匹配。在"TreeExample"中...

    CheckBoxTree.zip

    3. 定义CheckBoxTree:在MXML中,创建一个`CheckBoxTree`组件,并将其数据源设置为之前创建的数据模型。例如: ```mxml &lt;mx:CheckBoxTree id="checkBoxTree" dataProvider="{treeData}" /&gt; ``` 其中`treeData`是...

    第十五节Tree树形菜单组件运用.docx

    - **数据绑定**:将数据源绑定到 Tree 组件的 `dataProvider` 属性,如下所示: ```xml &lt;mx:Tree width="171" height="166" dataProvider="{userHeadArr}" /&gt; ``` 4. **显示问题与解决** - **显示默认值**:...

    flex advancedDataGrid 中如何实现带checkbox的树

    HierarchicalData是Flex中用于处理树状数据的类,它接受一个Array或XMLList作为数据源,其中每个元素代表树的一个节点。 2. **定义数据模型**: 每个节点的数据对象应包含一个表示复选状态的属性,例如`selected`...

    FlexBuilder教程.pdf

    - 数据提供程序控件可以从数据源获取数据,如ArrayCollection,可以通过数据绑定或者直接在MXML中定义数据源来设置。数据绑定允许控件实时响应数据源的变化,增强了应用程序的动态性。 使用FlexBuilder,开发者...

    Flex Builder教程

    这些控件可以根据数据源动态展示列表内容。数据提供有两种方式:一是直接在MXML中定义数据,如Array或Collection,适用于静态数据和原型设计;二是通过数据绑定,将控件与ActionScript中的Array或Collection绑定,...

    flex_教程.doc

    除了直接在MXML中定义数据外,还可以通过数据绑定的方式将控件与ActionScript中的数据源相连接。 - **数据绑定示例**: - 直接在MXML标签中定义数据: ```xml &lt;!-- An inline data provider --&gt; &lt;mx:Array&gt; ...

Global site tag (gtag.js) - Google Analytics