main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Applicationxmlns: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:Arrayid="arr">
- <mx:Objectname="One">
- <mx:children>
- <mx:Array>
- <mx:Objectname="Two" />
- <mx:Objectname="Three" />
- <mx:Objectname="Four">
- <mx:children>
- <mx:Array>
- <mx:Objectname="Five" />
- <mx:Objectname="Six" />
- </mx:Array>
- </mx:children>
- </mx:Object>
- <mx:Objectname="Seven">
- <mx:children>
- <mx:Array>
- <mx:Objectname="Eight" />
- </mx:Array>
- </mx:children>
- </mx:Object>
- <mx:Objectname="Nine" />
- </mx:Array>
- </mx:children>
- </mx:Object>
- </mx:Array>
- <mx:Treeid="tree"
- dataProvider="{arr}"
- labelFunction="tree_labelFunc"
- width="200"/>
- </mx:Application>
本文介绍了一个使用Flex框架实现的Tree组件示例。该示例通过递归方式构建了一个具有展开/折叠功能的树形结构,并自定义了节点标签显示方式以包含子节点数量。此外,还展示了如何设置树的数据源及布局。
1268

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



