FLEX中Tree默认展开所有节点

最新推荐文章于 2017-04-12 16:30:18 发布

转载最新推荐文章于 2017-04-12 16:30:18 发布 · 1w 阅读

文章标签：

#tree #flex #function #xml #数据库 #each

Flex 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何使用Flex中的Tree组件处理不同来源的数据，并实现树形结构的展开效果。一种情况是数据源内置于MXML文件中；另一种是从后端程序获取数据源。文中详细解释了这两种情况下的具体实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里分两种情况，一种是数据源在MXML文件中，如：

<mx:XML id="treeXML" format="e4x"> <root> <node label="通知通告管理" data="0"> <node label="申报通知" data="1" /> <node label="填表须知" data="1" /> <node label="申报指南" data="1" /> <node label="立项通告" data="1" /> <node label="其它通知通告" data="1" /> <node label="系统帮助" data="1" /> </node> <node label="用户管理" data="0"> <node label="申报单位用户管理" data="2" /> <node label="归口部门用户管理" data="3" /> <node label="审批用户管理" data="4" /> </node> <node label="系统设置" data="0"> <node label="部门设置" data="5" /> <node label="项目类别设置" data="5" /> <node label="区域设置" data="5" /> <node label="单位类别设置" data="5" /> <node label="企业类型设置" data="5" /> <node label="经济类型设置" data="5" /> <node label="学历设置" data="5" /> <node label="企业信用等级设置" data="5" /> </node> </root> </mx:XML>

页面调用：

<mx:Tree id="myTree" dataProvider="{treeXML}" labelField="@label" showRoot="false" width="200" height="100%" />

这种情况下，只要在页面载入时creationComplete="initApp()"然后用

<mx:Script>  </mx:Script>

但是还有一种情况，当数据源不包含在MXML文件中时，也就是当数据源是从后台程序获取时，直接用expandChildrenOf(item,true)不起作用，换一种方式。

<mx:HTTPService id="getTree" showBusyCursor="true" useProxy="false" resultFormat="e4x" url="users/getTree.asp" result="resultHandler(event)" fault="faultHandler(event)" /> <mx:Tree id="myTree" dataProvider="{getTree.lastResult}" width="200" height="100%" />

以上可以有很多方法来从后台数据库中获取值，此处只是简单的讲述一下。然后在Script里面写

private var xmlData : XML; private function resultHandler(event:ResultEvent):void { xmlData = XML(event.result); myTree.showRoot = false; myTree.dataProvider = xmlData; myTree.labelField = "@label"; myTree.callLater(expandTree); } private function expandTree():void{ myTree.expandChildrenOf(xmlData , true); }