`
tw5566
  • 浏览: 460814 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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

阅读更多

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

 

一、

Xml代码 复制代码
  1. <mx:XML id="treeData1" source="data/treeDataProvider.xml"/>   
<mx:XML id="treeData1" source="data/treeDataProvider.xml"/> 

 

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

 

二、 

Xml代码 复制代码
  1. 需要在<mx:Application />中调用creationComplete="init()"  
需要在<mx:Application />中调用creationComplete="init()"
Xml代码 复制代码
  1. private var treeData2:XML = new XML();     
  2.             private function init():void      
  3.             {      
  4.                 var url:URLRequest = new URLRequest("data/treeDataProvider.xml");   //外部文件路径   
  5.                 var loader:URLLoader = new URLLoader();      
  6.                 loader.addEventListener(Event.COMPLETE,onComplete);      
  7.                 loader.load(url);      
  8.             }      
  9.             private function onComplete(event:Event):void{      
  10.                 var result:URLLoader = URLLoader(event.target);      
  11.                 treeData2XML(result.data);      
  12.             }   
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"可指定要显示的字段的名称

分享到:
评论

相关推荐

    Flex Tree 通过Arraycollection转化为XML数据源,新增、删除、修改功能的整合

    XML数据源在Flex中广泛使用,因为它的结构清晰,易于解析和操作。要将ArrayCollection转换为XML,我们可以利用Flash的内置类`XMLList`和`XML`。例如,如果ArrayCollection中的每个项包含一个ID和名称属性,可以这样...

    用ArrayCollection当做flex中Tree控件的DataProvider

    本文将详细探讨如何使用`ArrayCollection`作为Flex中的`Tree`控件的数据提供者,以替代通常使用的XML数据源。 首先,让我们理解`ArrayCollection`的概念。`ArrayCollection`是Flex中的一个类,它继承自`...

    动态绑定XML,实现flex树控件的绑定

    首先,让我们了解Flex中的树控件(Tree)和XML数据源。在Flex中,Tree控件用于显示层次结构的数据,它可以是多级别的,非常适合用来展示目录结构或组织结构等。而XML作为一种轻量级的数据交换格式,能够简洁地表示...

    Flex4的Tree控件加CheckBox

    Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,用户可能需要选择一个或多个节点,这就是添加CheckBox的用处。通过为每个节点添加CheckBox,用户可以通过...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在...在实际开发中,结合XML数据源,可以轻松构建出动态、交互性强的树状视图。通过学习和实践提供的源代码,能够进一步提升对Flex Tree控件的理解和应用能力。

    flex带复选框的tree,flex checkboxtree

    3. 数据结构:CheckboxTree的数据源通常是一个数据结构,如ArrayCollection或XML,包含了树形结构的数据。每个节点可能包含一个标识符、文本、子节点列表,以及一个表示是否选中的布尔值。 在提供的压缩包文件中,...

    flex iFrame的tree控件连接到相应的网页

    在“flex iFrame的tree控件连接到相应的网页”这个示例中,我们主要探讨如何利用Flex的Tree控件与iFrame组件协同工作,实现用户在Tree上选择不同的节点时,iFrame加载对应的网页内容。 首先,我们需要了解Flex Tree...

    flex Tree xml

    "flex Tree xml"指的是使用XML数据来构建Flex中的Tree组件。Tree组件是Flex界面设计中的一种常见控件,它呈现了层次化的数据结构,通常用于显示文件系统、组织结构或者任何具有层级关系的数据。在本场景中,我们将...

    flex checkboxtree复选树形下拉框

    总之,`flex checkboxtree复选树形下拉框`是一个功能强大的交互组件,它涉及到Flex中的树形数据展示、自定义组件、事件处理和XML数据绑定等多个技术点。在`ReportListPage.mxml`中,开发者通过灵活地组合和定制这些...

    flex 中tree渲染checkbox

    // 刷新数据源,使Tree更新状态 } ``` 五、多选支持 为了支持多选,我们还需要在Tree组件或外部代码中提供一个方法来跟踪所有选中的节点。可以通过遍历数据提供者并检查每个节点的selected属性来实现。此外,可以...

    flex tree icon

    在IT行业中,"flex tree icon"通常指的是使用Flex技术构建的一种树形结构控件,它在用户界面上显示带有图标的层次数据。Flex是一种用于创建富互联网应用程序(RIA)的框架,基于ActionScript编程语言和Flash Player...

    flex tree的简单使用

    1. **数据源**:Tree组件的数据来源于一个数据提供者,它可以是ArrayCollection、XMLListCollection或其他实现了 IList 接口的对象。数据提供者中的每个项目代表Tree中的一个节点,每个节点可以有子节点。 2. **...

    构造flex3.5的带复选框的树(CheckBoxTree)

    5. **自定义图标**:如果还需要自定义节点的图标,可以在XML数据源中添加一个属性来表示图标,并在渲染器中根据该属性来显示图标。例如,可以添加一个`icon`属性,并在渲染器中使用Image组件来显示。 通过以上步骤...

    flex基本控件总结

    在Flex中,控件是构建用户界面的基本元素,本篇文章将深入探讨Flex的基本控件,包括文本控件、数据源控件以及菜单控件等。 首先,我们来看文本控件,主要包括Label、Text、TextInput和TextArea。 1. Label(标签)...

    FLEX4控件学习例子

    在实例中,你会看到如何使用数据绑定将控件的属性与数据源关联,实现数据的动态更新。 4. **高级控件**:如Accordion、TabBar、Tree、DataGrid等,它们提供了更复杂的功能。学习如何使用这些控件可以让你的界面更加...

    用flex做一个树

    总结,通过使用Adobe Flex,我们可以轻松地创建一个交互式的树形结构,结合XML数据源,利用Tree控件和自定义的标签函数,实现数据的展示和处理。通过掌握这些基本概念和技巧,你可以根据实际需求构建出复杂而富有...

    flex 树状图

    在Flex中,可以使用Tree控件来创建树状图,它能够以层级结构展示数据,适用于展示目录、组织架构或者复杂的数据关系。在这个“flex树状图”中,我们看到的是一个设计简洁、结构清晰的图形化表示。 首先,我们要了解...

    Flex ComboBox 树形控件

    数据源中的每一项可以包含子项,形成树状结构。 3. **数据绑定**: 要使用Tree形ComboBox,首先需要将数据源绑定到组件上。这可以通过在MXML代码中设置`dataProvider`属性或在ActionScript中使用`dataProvider`...

    flex tree checkbox

    在ActionScript中,这可以通过改变数据项的selected属性来实现,同时可能还需要更新Tree的数据源,确保选中状态在数据和视图之间保持同步。 ```actionscript private function handleClick(event:Event):void { ...

    FLEX动态树 动态图表

    此段代码展示了如何使用`[Bindable]`和`[Embed]`元数据来嵌入自定义图标,并在`Tree`控件中使用这些图标。`defaultLeafIcon`、`folderOpenIcon`和`folderClosedIcon`属性分别设置叶子节点、打开和关闭状态下的图标。...

Global site tag (gtag.js) - Google Analytics