`

FLEX Tree 控件动态加载

    博客分类:
  • Flex
阅读更多

首先给Tree设置一个数据源:

[Bindable]
private var dataTree:XMLList;

在个当前选中的树节点设置一个变量
private var currentItem:XML;

接着设置与服务器进行连接的HTTPSERVICE 控件
<mx:HTTPService id="treeService" result="ResultHandler(event)" fault="FaultHandler(event)" resultFormat="e4x" url="你自己的服务器端地址">
       
    </mx:HTTPService>
然后在页面上放置一个树控件:
<mx:Tree id="sdbTree" height="100%" width="25%" dataProvider="{dataTree}" showRoot="true" creationComplete="InitSdbTree()" labelField="@label"   itemOpening="TreeItemOpening(event)" fontSize="12"></mx:Tree>

InitSdbTree():是对数进行初始化
TreeItemOpening 节点展开时进行触发

          private function InitSdbTree():void
         {
                sdbTree.setStyle("disclosureClosedIcon",Lplus);
                sdbTree.setStyle("disclosureOpenIcon",Lminus);
                treeService.method="GET";
                treeService.request = {"subject":"root"};
                var call:AsyncToken = treeService.send();
                call.request_params = treeService.request;                                               
           }

            private function TreeItemOpening(evt:TreeEvent):void
            {
                if(evt.type == TreeEvent.ITEM_OPENING)
                {
                    var e:TreeEvent = TreeEvent(evt);
                    currItem = XML(e.item);
                   
                    if(e.item.@isLoad == "false")
                    {
                        e.item.node.@label = "Loading...";
                        var parameters:*={"subject":e.item.@subject}
                        if(e.item.@schema != null)
                        {
                            parameters['server'] = e.item.@server;
                            parameters['database'] = e.item.@database;
                            parameters['schema'] = e.item.@schema;   
                        }
                        else if(e.item.@database != null)
                        {
                            parameters['server']=e.item.@server;
                            parameters['database'] = e.item.@database;   
                        }
                        else if(e.item.@server != null)
                        {                                                                                   
                            parameters['server']=e.item.@server;   
                        }
                        treeService.request = parameters;                       
                        var call:AsyncToken = treeService.send();
                        call.request_params = treeService.request;   
                        CursorManager.setBusyCursor();
                    }
                }           
            }

            private function ResultHandler(result:ResultEvent):void
            {
                if (result.token.request_params['subject']=="root")
                {
                   
                    dataTree = treeService.lastResult.node;   
                }
                else
                {
                   
                    CursorManager.removeBusyCursor();
                    delete currItem.node[0];
                    currItem.@isLoad = "true";
                   
                    var node:XMLList = treeService.lastResult.node;
                    currItem.node += node;
                    //currItem.appendChild(node);    //注意:如果用这个语句,也能成功,但是数据量大后,速度相当的慢                                    
                }
                setTimeout(sdbTree.validateNow,100);

            }

结果图:


  • 大小: 3.2 KB
分享到:
评论
1 楼 niweiwei 2011-03-22  
楼主,麻烦把你的源码和图片给大家,以及xml的格式贴出来

相关推荐

    flex tree控件

    这个“flex tree控件”主题主要关注如何自定义Tree控件的外观,特别是如何去掉默认的图标并添加线连接来增强视觉效果。下面我们将深入探讨Flex Tree控件的基本概念、自定义节点图标以及使用线条连接节点的方法。 1....

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要...通过学习和实践提供的源代码,能够进一步提升对Flex Tree控件的理解和应用能力。

    flex Tree checkbox 修改过后的

    Flex Tree控件是一种用于展示层次结构数据的UI组件,它允许用户通过节点展开和折叠来探索数据。在Flex中,为了增加更多的交互性,我们有时需要在Tree的每个节点前添加复选框(checkbox),这使得用户能够进行多选...

    flex Tree 复选框。

    在实际应用中,你可能还需要处理树结构的初始化加载、节点的动态添加和删除等情况,以确保复选框和父目录状态的同步更新。此外,可以使用 Flex 的 Bindings 或数据驱动的编程方式来简化这部分逻辑。 总之,Flex ...

    Flex Tree 中Checkbox

    1. **Flex Tree组件**:Flex Tree是MXML和ActionScript中的一个控件,用于显示分层的数据结构。它由一系列可展开或折叠的节点组成,每个节点可以包含子节点。用户可以通过单击节点来展开或折叠它们,查看其子节点。 ...

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

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

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

    在Flex中,Tree控件用于显示层次结构的数据,它可以是多级别的,非常适合用来展示目录结构或组织结构等。而XML作为一种轻量级的数据交换格式,能够简洁地表示复杂的数据结构,是绑定到Flex组件的理想选择。 在.NET...

    用ArrayCollection当做flex中Tree控件的DataProvider

    `ArrayCollection`的动态性也使得我们可以方便地添加、删除或修改数据,从而实时更新`Tree`的显示。 总结来说,使用`ArrayCollection`作为`Tree`控件的数据提供者可以简化数据处理流程,特别是对于不喜欢或不熟悉...

    flex tree 拖拽

    在 Flex 应用中,Tree 控件经常用于展示具有层级关系的数据,例如文件系统、组织结构或者菜单等。拖拽功能则为 Tree 提供了更丰富的交互性,让用户可以通过拖放操作来重新排列节点或移动节点到不同的位置,这在需要...

    flex tree icon

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

    flex带复选框的tree,flex checkboxtree

    在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...

    flex中tree和checkbox结合使用的插件

    在Flex开发中,Tree组件和Checkbox控件的结合使用是一个常见的需求,特别是在构建具有层级结构并需要用户进行多选操作的界面时。本插件专为此目的设计,它允许用户在树形结构中通过复选框来选择或取消选择节点,从而...

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

    在Flex中,Tree组件是一种常用的控件,用于显示层次结构的数据。本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,...

    Flex右键菜单 flex tree 右键菜单 源码

    Tree组件是Flex中用于展示层次结构数据的控件。它允许用户展开和折叠节点,以及选择节点。为了在Tree组件上实现右键菜单,我们需要监听Tree的contextMenuShow事件。当用户在Tree组件上右键点击时,这个事件会被触发...

    FLEX4控件学习例子

    在本文中,我们将深入探讨"FLEX4控件学习例子"这一资源,它是针对Adobe Flex 4开发中的控件使用的精彩示例集合。Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建交互性强、用户体验丰富的Web...

    FLEX动态树 动态图表

    ### FLEX动态树与动态图表:深入理解及应用 在Adobe Flex框架中,`Tree`控件被广泛用于展示层次结构的数据,如目录、组织结构等。本文将深入解析如何在Flex中创建并自定义动态树,以及如何通过事件处理实现更高级的...

    flex tree的简单使用

    首先,我们要知道Tree组件是Adobe Flex SDK中的一个控件,它允许用户以节点和子节点的形式查看数据。在Flex中,我们可以使用MXML或ActionScript来创建和配置Tree对象。在简单的用法中,我们通常会关注以下几个关键点...

    数关系用 线连接的flex tree 组件

    在Flex中,Tree组件是一种可折叠的、分层的数据控件,能够展示和操作树形数据结构。用户可以展开和折叠节点,查看和操作不同级别的数据。 线连接功能是Flex Tree组件的一种扩展,它的主要目的是增强视觉效果,使...

    flex tree 中渲染checkBox

    `flex tree 中渲染checkBox`这个话题涉及到在Flex Tree组件的每个节点上添加复选框控件,使得用户能够通过单击复选框来选择或取消选择树的特定部分。这在数据分层展示和多选操作的场景中特别常见,例如文件管理器或...

Global site tag (gtag.js) - Google Analytics