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

flex tree控件添加删除节点

    博客分类:
  • flex
 
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    fontSize="12">
<mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   import mx.collections.XMLListCollection;
   [Bindable]
   private var company:XML=<list>
     <department name="部门 A">
      <employee name="小 A" />
      <employee name="小 B" />
     </department>
     <department name="部门 B">
      <employee name="小 C" />
      <employee name="小 D" />
     </department>
    </list>;
   [Bindable]
   private var companyData:XMLListCollection=new XMLListCollection(company.department);

   private function addNode():void
   {
    // 新建节点
    var newNode:XML=<employee/>;
    newNode.@name=empName.text;
    // 添加节点
    var xml:XML=XML(tree.selectedItem);
    if (xml.length() > 0)
    {
     xml[0].appendChild(newNode);
    }
   }

   private function removeNode():void
   {
    if (tree.selectedItem != null)
    {
     var node:XML=XML(tree.selectedItem);
     // 不能删除空节点和部门A,B
     if (node == null || node.localName() == "department")
     {
      Alert.show("不能删除空节点和部门A,B!");
      return;
     }
     // 获取当前节点的父节点下的所有子节点
     var children:XMLList=XMLList(node.parent()).children();
     // 将其转换为 XMLListCollection
     var childrenCol:XMLListCollection=new XMLListCollection(children);
     // 获取选中节点索引,并删除该节点
     var i:Number=childrenCol.getItemIndex(node);
     childrenCol.removeItemAt(i);
    }else{
     Alert.show("请选中一个节点再进行删除!");
    }
   }
  ]]>
</mx:Script>
<mx:Panel title="实现添加和删除节点"
     width="300"
     height="300"
     verticalAlign="middle"
     horizontalAlign="center">
  <mx:Tree id="tree"
     dataProvider="{companyData}"
     labelField="@name"
     height="200"
     width="230"/>
  <mx:HBox>
   <mx:TextInput id="empName"
        width="60"
        text="新节点名"/>
   <mx:Button label="添加节点"
        click="addNode();"/>
   <mx:Button label="删除节点"
        click="removeNode();"/>
  </mx:HBox>
</mx:Panel>
</mx:Application>

分享到:
评论

相关推荐

    flex tree控件

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

    为Flex Tree控件构造树形结构数据

    Tree控件是Flex提供的一个组件,用于显示多级节点的数据结构,每个节点可以有子节点。这些节点通常对应于数据模型中的对象,而这些对象可以通过数据提供者与Tree控件关联。数据提供者通常是实现了IFactory接口的对象...

    Flex4的Tree控件加CheckBox

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

    flex Tree checkbox 修改过后的

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

    Flex tree的用法

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

    flex Tree 复选框。

    TreeItemRenderer是用于渲染Tree组件中每个节点的类,我们可以在此类中添加一个CheckBox控件,并根据节点的状态来控制它的选中状态。以下是一个基本的自定义TreeItemRenderer的代码片段: ```actionscript public ...

    Flex Tree 中Checkbox

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

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

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

    用ArrayCollection当做flex中Tree控件的DataProvider

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

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    本文将详细讲解如何在Flex中使用`&lt;mx:Tree&gt;`控件来创建可动态添加和删除节点的树形结构,以及相关的源码和工具应用。 `&lt;mx:Tree&gt;`控件是Flex MX组件库中的一个关键组件,它允许开发者展示层次化的数据,用户可以...

    flex tree icon

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

    flex tree 拖拽

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

    flex带复选框的tree,flex checkboxtree

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

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

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

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

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

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

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

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

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

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

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

    flex tree的简单使用

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

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

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

Global site tag (gtag.js) - Google Analytics