Flex中如何利用dataDescriptor和labelFunction属性以及hasChildren()和getChildren()函数设置Tree中包含子节点个数的例子
By Minidxer | February 17, 2009
接下来的例子演示了Flex中如何利用dataDescriptor和labelFunction属性,以及hasChildren()和getChildren()函数设置Tree中包含子节点个数。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?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:XML):String {
- var label:String = item.@label;
- if (tree.dataDescriptor.hasChildren(item)) {
- label += " (" + tree.dataDescriptor.getChildren(item).length + ")";
- }
- return label;
- }
- ]]>
- </mx:Script>
- <mx:XML id="treeDP">
- <root>
- <node label="i) One" />
- <node label="i) Two" />
- <node label="i) Three" />
- <node label="i) Four">
- <node label="ii) One" />
- <node label="ii) Two" />
- <node label="ii) Three">
- <node label="iii) One" />
- <node label="iii) Two" />
- </node>
- <node label="ii) Four" />
- </node>
- <node label="1. Five" />
- <node label="1. Six" />
- </root>
- </mx:XML>
- <mx:Tree id="tree"
- dataProvider="{treeDP}"
- labelFunction="tree_labelFunc"
- showRoot="false"
- width="200" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Tree |
No Comments » |
1,262 views
Tags: dateDescriptor, getChildren, hasChildren(), labelFunction, Tree.