flex 中tree控件使用外部xml做数据源

最新推荐文章于 2025-07-22 15:26:21 发布

原创最新推荐文章于 2025-07-22 15:26:21 发布 · 149 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#XML #Flex

本文介绍如何利用外部XML文件作为Flex中的Tree控件的数据源。提供了两种方法：一是直接在MXML中引用XML文件；二是通过ActionScript加载XML文件，并设置Tree控件的数据提供者。

Tree控件如果使用外部xml文件做数据源，需要先引入文件。有两种方法：

一、

Xml代码

<mx:XML id="treeData1" source="data/treeDataProvider.xml"/>

<mx:XML id="treeData1" source="data/treeDataProvider.xml"/>

Tree的dataprovider使用treeData1.nodeName即可.labelField="@labelName"可指定要显示的字段的名称

二、

Xml代码

需要在<mx:Application />中调用creationComplete="init()"

需要在<mx:Application />中调用creationComplete="init()"

Xml代码

private var treeData2:XML = new XML();
private function init():void
{
var url:URLRequest = new URLRequest("data/treeDataProvider.xml"); //外部文件路径
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE,onComplete);
loader.load(url);
}
private function onComplete(event:Event):void{
var result:URLLoader = URLLoader(event.target);
treeData2= XML(result.data);
}

private var treeData2:XML = new XML();  
            private function init():void   
            {   
                var url:URLRequest = new URLRequest("data/treeDataProvider.xml");   //外部文件路径
                var loader:URLLoader = new URLLoader();   
                loader.addEventListener(Event.COMPLETE,onComplete);   
                loader.load(url);   
            }   
            private function onComplete(event:Event):void{   
                var result:URLLoader = URLLoader(event.target);   
                treeData2= XML(result.data);   
            }

Tree的dataprovider使用treeData2.nodeName即可。labelField="@labelName"可指定要显示的字段的名称