FLEX中Tree默认展开所有节点

最新推荐文章于 2019-09-08 13:38:54 发布

原创最新推荐文章于 2019-09-08 13:38:54 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #XML

本文介绍了如何在Flex中使用Tree控件加载不同来源的数据，并实现树形菜单的展开效果。包括了MXML文件内数据源的加载及展开，以及通过HTTPService从后台获取数据并动态设置数据源的方法。

这里分两种情况，一种是数据源在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);
}

注：expandChildrenOf ();
打开或关闭指定项目下的所有树项目。如果设置 dataProvider 之后立即调用 expandChildrenOf()，则您可能看不到正确的行为。您应该等待对组件进行验证或调用 validateNow() 方法。