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: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组件示例,展示了如何通过自定义脚本实现节点展开效果及节点标签动态显示子节点数量的功能。
4669

被折叠的 条评论
为什么被折叠?



