`
it_liuyong
  • 浏览: 100561 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex tree的展开,关闭,添加、删除子节点

    博客分类:
  • flex
 
阅读更多
flex tree的展开,关闭,添加、删除子节点2010-11-12 10:46/*=========flex tree的展开,关闭,添加、删除子节点=========*/
/*=========因为用的静态数据,所以并没有真正的删除=========*/
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="flexlib.controls.*" xmlns:ns2="flexlib.containers.*" width="100%" height="100%" xmlns:commont="commont.*">
<mx:Tree x="10" y="10" width="199" height="327" labelField="@label" id="tree"
creationComplete="load()" fontSize="14"></mx:Tree>

<mx:XMLList id="treeData">
        <node label="Mail Box" id="1">
            <node label="Inbox" id="101">
                <node label="Marketing" id="10101"/>
                <node label="Product Management" id="10102"/>
                <node label="Personal" id="10103"/>
            </node>
            <node label="Outbox" id="2">
                <node label="Professional" id="201"/>
                <node label="Personal" id="202"/>
            </node>
            <node label="Spam" id="3"/>
            <node label="Sent" id="4"/>
        </node>   
    </mx:XMLList>
   
<mx:Script>
<![CDATA[
   import mx.controls.Alert;
   //加载树数据源
   private function load():void{
    tree.dataProvider=treeData;
   
   }
   //展开所有节点
   private function expandAll():void{
    tree.expandChildrenOf(tree.selectedItem,true);
   
   }
   //关闭所有节点
   private function closeAll():void{
    tree.openItems=[];
   }
   //添加子节点
   private function addNode():void{
    var xml:XML=tree.selectedItem as XML;
    xml.appendChild("hello");
   
   }
   //删除子节点
   private function delNode():void{
    tree.dataDescriptor.removeChildAt(tree.selectedItem.parent(),tree.selectedItem,tree.selectedItem.childIndex(),tree.dataProvider);
   }
  
]]>
</mx:Script>
<mx:Button x="242" y="28" label="添加节点" fontSize="14" click="addNode()"/>
<mx:Button x="242" y="69" label="删除节点" fontSize="14" click="delNode()"/>
<mx:Button x="242" y="115" label="展开节点" fontSize="14" click="expandAll()"/>
<mx:Button x="242" y="156" label="收回节点" fontSize="14" click="closeAll()"/>
</mx:Application>

分享到:
评论

相关推荐

    flex中利用tree中的子节点实现的导航

    flex中利用tree中的子节点与自定义组件实现的在同一页面中实现导航

    flex Tree 复选框。

    在Flex Tree中,可以通过监听Tree的`itemClick`事件来检测节点的点击,并根据当前节点的选中状态以及其子节点的状态来更新父节点的状态。 1. 全部选中:当父节点的所有子节点都被选中时,父节点应该被设置为全选...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...

    flex tree+checkbox级联勾选

    Flex Tree是基于Adobe Flex技术的一种组件,它能够展示层次结构的数据,并且支持节点的展开、折叠以及动态加载。每个节点都可以包含子节点,形成一个层级结构。在Flex中,我们可以使用mx.controls.Tree类来创建和...

    flex tree 教程二

    在Flex中,Tree组件是基于MX组件集的一部分,它允许用户通过节点展开和折叠来探索层级数据。每个节点可以包含子节点,形成树状结构。创建和操作Tree组件主要涉及以下几个方面: 1. **数据模型**:Flex Tree组件依赖...

    flex tree控件

    综上所述,对Flex Tree控件的定制主要包括自定义节点渲染器以去除默认图标和添加线连接,同时还需要考虑性能优化和用户体验。通过深入理解和实践这些知识点,可以创建出符合项目需求、具有良好交互性的Tree控件。

    Flex Tree 中Checkbox

    它由一系列可展开或折叠的节点组成,每个节点可以包含子节点。用户可以通过单击节点来展开或折叠它们,查看其子节点。 2. **Checkbox集成**:在Flex Tree中添加Checkbox,通常是为了提供多选功能。这需要自定义...

    Flex Tree快速定位树结点

    总结起来,"Flex Tree快速定位树结点"是一个提高用户交互体验的功能,它通过监听用户输入并搜索匹配的树节点,然后自动展开或选择目标节点,方便用户快速找到所需信息。在Flex编程中,实现这一功能涉及UI设计、事件...

    Flex4的Tree控件加CheckBox

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

    flex treeDemo展开滚动到特定的节点

    项目开发中经常需要展开并选择滚动到特定节点,网上也有很多人发帖求方法,特写了一个满足该需要的demo,供参考。

    flex中 Tree树节点内部拖动实例(此实例限制了什么节点可以拖动及拖动到什么位置)

    这个实例涉及的是在Flex中的Tree组件实现节点的内部拖放功能,这对于创建交互式用户界面,尤其是数据层级结构的展示非常有用。在本文中,我们将详细探讨如何在Flex的Tree组件中实现节点的拖放操作,并且限制可拖动的...

    flex带复选框的tree,flex checkboxtree

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

    flex Tree checkbox 修改过后的

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

    flex tree icon

    在Flex中,你可以通过设置`Icon`属性来为Tree节点添加图标。例如,你可以为根节点、展开节点、折叠节点等设置不同的图标。同时,如果数据源是XML或ArrayCollection,可以通过数据绑定将图标URL与节点数据关联起来。...

    Flex Tree增加虚线连接

    在Flex Tree中,连接线通常用来表示节点间的父子关系,而"Flex Tree增加虚线连接"则涉及到如何为这些连接线添加虚线样式,以满足特定的视觉效果和设计需求。 在Flex Tree中实现虚线连接,我们需要理解以下几个关键...

    flex tree 修改icon方法

    在Flex编程环境中,Tree组件是一种常用的用户界面元素,它用于展示层次结构的数据。当我们需要自定义Tree中的节点图标时,可能会遇到如何根据数据源动态改变图标的问题。标题"flex tree 修改icon方法"正好指出了这一...

    Flex Tree 的右键菜单事件

    它允许用户通过展开和折叠节点来浏览和操作数据。右键菜单则为用户提供了一种方便的交互方式,用户可以通过点击鼠标右键触发自定义的上下文菜单,执行特定的操作。本篇文章将深入探讨如何在Flex Tree组件中实现右键...

    向Tree空间添加删除XML数据节点_Flex4

    本篇文章将重点讲解如何在Flex4中向Tree组件添加和删除XML数据节点。 Flex4是一款强大的开发工具,它基于ActionScript 3.0和Flash Player或Adobe AIR运行时,用于创建富互联网应用程序(RIA)。Tree组件是Flex中...

    Flex Tree组件的实线连接线

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于展示层次结构数据。在默认情况下,Tree组件的节点之间通常使用虚线进行连接,以表示它们之间的层级关系。然而,有时候我们可能需要自定义这些连接线,比如将...

    Flex Tree 刷新数据源后,重新打开指定节点的解决方案

    Flex Tree 刷新数据源后,重新打开指定节点的解决方案,不需要延迟等其他手段

Global site tag (gtag.js) - Google Analytics