<?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。 首先,让我们从XML数据源开始。XML因其结构化的特性,非常适合用来表示层次数据。在Flex中,我们可以使用mx.collections....
在Flex中,Tree组件可以绑定到各种数据源,包括Array,ArrayCollection,以及XML或XMLList。XML因其结构化和易于解析的特性,常被用来存储和传递层次结构的数据,这与Tree组件的展示需求非常匹配。在"TreeExample"中...
3. 定义CheckBoxTree:在MXML中,创建一个`CheckBoxTree`组件,并将其数据源设置为之前创建的数据模型。例如: ```mxml <mx:CheckBoxTree id="checkBoxTree" dataProvider="{treeData}" /> ``` 其中`treeData`是...
- **数据绑定**:将数据源绑定到 Tree 组件的 `dataProvider` 属性,如下所示: ```xml <mx:Tree width="171" height="166" dataProvider="{userHeadArr}" /> ``` 4. **显示问题与解决** - **显示默认值**:...
HierarchicalData是Flex中用于处理树状数据的类,它接受一个Array或XMLList作为数据源,其中每个元素代表树的一个节点。 2. **定义数据模型**: 每个节点的数据对象应包含一个表示复选状态的属性,例如`selected`...
- 数据提供程序控件可以从数据源获取数据,如ArrayCollection,可以通过数据绑定或者直接在MXML中定义数据源来设置。数据绑定允许控件实时响应数据源的变化,增强了应用程序的动态性。 使用FlexBuilder,开发者...
这些控件可以根据数据源动态展示列表内容。数据提供有两种方式:一是直接在MXML中定义数据,如Array或Collection,适用于静态数据和原型设计;二是通过数据绑定,将控件与ActionScript中的Array或Collection绑定,...
除了直接在MXML中定义数据外,还可以通过数据绑定的方式将控件与ActionScript中的数据源相连接。 - **数据绑定示例**: - 直接在MXML标签中定义数据: ```xml <!-- An inline data provider --> <mx:Array> ...