`

Flex tree相关知识

阅读更多
1、 为tree设置节点图标
  flex tree中根据节点设置图标
    做法:
    用到哪个ico,则先把它定义成一个class(会打包到swf中),然后通过xml的

icoField属性或者通过icoFunction事件来返回相应的图标。
  如:
   [Embed(source="assets/max_over.gif")]          //这是图片的相对地址
         [Bindable]
         public var OKicon:Class;

<mx:Tree id="tree" iconField="OKicon" />
  使用iconFunction的情形:
  //设置不同图表         
   private function iconFun(item:Object):*
   {
    var xml:XML     = item as XML;
  
    if(xml.attribute("bool") == true)
     return OKicon;
    else if(xml.attribute("bool") == false)
     return NOicon;
   } 

<mx:Tree id="tree" iconFunction="iconFun" />
   如下两种方式都是用的Tree原有的属性,这个方法不好的地方时它只支持传输

class对象,这样必须预先加载所需的ico。
  如果希望直接指定ico地址..我们可以自定义itemRenderer..然后把ico用一个image

或loader代替..

2、 去掉默认的文件夹样式
   删除flex tree组件的文件夹图标:
    <mx:Style>
    Tree {
        folderClosedIcon: ClassReference(null);
        folderOpenIcon: ClassReference(null);
    }
</mx:Style>

扩展:
.treeStyte{
    selectionColor: #417597;
    /* 去掉默认图标 */
    folderClosedIcon: ClassReference(null);
            folderOpenIcon: ClassReference(null);
            defaultLeafIcon: ClassReference(null); 
            disclosureOpenIcon:ClassReference(null);
          
            /*为默认、打开、关闭、有子项等几个状态添加不同的ico*/
   defaultLeafIcon: Embed(source="img/tree/user_man.png");
  /* folderOpenIcon: Embed(source="img/tree/usergroup.png"); */
   folderClosedIcon: Embed(source="img/tree/usergroup.png");
   disclosureOpenIcon: Embed(source="img/tree/user_men.png");
   }

3、 flex 中如何清空xml中的数据?
    解决方案:
A、 直接使用delete 进行删除
B、 手动赋值如: var xml:XML = <a></a>;也相当于将<a></a>中的内容清空了

4、 viewStack组件默认的加载策略为加载第一个, 若要全部加载可设置属性creationPolicy="all"


 
分享到:
评论

相关推荐

    Flex Tree 中Checkbox

    Flex Tree 是一种在Adobe Flex框架中用于展示层次结构数据的组件。它允许用户通过节点来探索和操作数据,而Checkbox的引入则为用户提供了一种多选功能,使得用户可以选择多个树节点。在“Flex Tree 中Checkbox”的...

    flex tree控件

    在Flex编程中,Tree控件是一种常用的用户界面元素,它用于显示层次结构的数据。这个“flex tree控件”主题主要关注如何自定义...通过深入理解和实践这些知识点,可以创建出符合项目需求、具有良好交互性的Tree控件。

    Flex Tree增加虚线连接

    在Flex Tree中实现虚线连接,我们需要理解以下几个关键知识点: 1. **Flex Tree组件**: Flex Tree是基于ActionScript或Flex SDK开发的组件,它允许用户以图形化的方式展示层次数据。它通常包含可展开/折叠的节点,...

    flex tree 拖拽

    在 Flex Tree 的拖拽操作中,主要涉及以下几个核心知识点: 1. **DragManager**: Flex 中的 DragManager 是处理拖放事件的主要对象,它负责监控和管理整个拖放过程。开发者需要通过 DragManager 来启动拖动操作,并...

    flex_tree扩展_时间轴

    在本文中,我们将深入探讨基于Flex的"flex_tree扩展_时间轴"这一技术主题。Flex是一种开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA),它由Adobe Systems开发。时间轴组件是Flex中一种强大的可视...

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

    通过理解以上知识点,并结合提供的"RightMenu"源码,你可以更好地理解和实现Flex中的右键菜单功能,特别是与Tree组件的集成。在实际开发中,根据具体需求调整和扩展这些功能,以满足更复杂的应用场景。

    flex tree的简单使用

    在Flex编程中,Tree组件是一种常用的用户界面元素,它用于展示层次结构的数据。"flex tree的简单使用"这个主题将引导我们了解如何...理解并熟练运用这些知识,将有助于我们构建出更高效、用户体验更好的Flex应用程序。

    flex Tree 相册 json格式数据

    博客链接虽然没有提供具体内容,但在实际应用中,`Flex Tree`加载`json`数据通常涉及以下几个知识点: 1. **Flex框架**:Flex是基于ActionScript和MXML的开源开发框架,主要用于构建富互联网应用程序(RIA)。它...

    flex tree checkbox

    以上就是关于“flex tree checkbox”这一主题的核心知识点。通过自定义TreeItemRenderer并添加复选框,我们可以使Flex Tree组件具备更丰富的交互功能,满足用户在多选操作上的需求。在实际开发中,可能还需要考虑到...

    Flex Tree 异步加载数据及分屏小工具

    在“Flex Tree 异步加载数据”中,主要涉及到的知识点有: 1. **异步加载**:异步加载是指在后台线程中加载数据,不会阻塞用户界面。在Flex中,通常通过使用`AsyncTree`或自定义`XMLListCollection`实现,利用`data...

    flex 异步加载tree

    根据给定的信息,我们可以深入探讨Flex中的异步加载Tree组件的相关知识点。 ### 一、Flex与AsyncTree组件 #### 1. Flex简介 Flex是一种开源的框架,用于构建跨平台的桌面应用程序和移动应用程序。它提供了强大的...

    flex的combBox添加tree

    综上所述,实现"flex的combBox添加tree"涉及了Flex组件使用、ActionScript编程、数据处理、事件驱动等多个方面的知识,需要一定的Flex开发经验。通过这个过程,你可以创建出一个功能强大的用户界面,为用户提供更加...

    FLEX ——完美的 TREE

    在FLEX中,TREE组件的使用涉及到以下几个主要知识点: 1. **组件创建与定制**:首先,你需要了解如何创建基本的TREE组件,并对其进行定制以满足特定需求。这可能包括更改默认样式、添加自定义图标、设置可选择性等...

    Flex实现带复选框的列表树

    "Flex实现带复选框的列表树"这一主题涵盖了Flex编程、UI组件设计以及事件处理等多个方面的知识点。下面我们将深入探讨这些核心概念。 1. Flex框架:Flex是Adobe公司开发的一个开源框架,用于构建富互联网应用程序...

    flex xml生成tree 源码

    标题:Flex XML生成Tree源码 描述:此代码示例展示了如何在Flex应用程序中使用XML数据来动态生成一个树形结构(Tree)。Flex是Adobe Systems开发的一款开源框架,用于构建跨平台的桌面和移动设备应用。这段代码通过...

    Flex中tree实现的种种细节

    总的来说,“Flex中tree实现的种种细节”这篇文章将涵盖从基本用法到高级特性的全面内容,帮助读者掌握在Flex环境中创建和优化Tree组件的关键知识。通过深入学习和实践,开发者可以更好地满足用户对层次结构数据展示...

    Flex tree加虚线显示效果并且替代原始图标

    在了解Flex Tree加虚线显示效果并替代原始图标的知识点之前,首先需要对Flex Tree组件有所了解。Flex Tree组件是基于Flash平台的一种树形视图组件,广泛应用于Flex和Flash Builder等开发环境中。它能够以图形化的...

    CheckBoxTree.zip

    在本文中,我们将深入探讨如何在Flex中实现CheckBoxTree,以及相关的关键技术点。 首先,我们需要了解Flex的基本概念。Flex是一个用于构建富互联网应用(RIA)的开源框架,它基于ActionScript编程语言和MXML标记...

    Flex 的树加线条

    标签“Flex 树 tree 线条”进一步强调了这个主题关注的是Flex中的Tree组件,以及与线条相关的自定义渲染。 至于压缩包中的文件“Flex Tree 加线条”,很可能是包含源代码的文件,比如AS类文件或者示例项目的资源...

    sss.rar_flex

    以下是关于Flex Tree组件及其在示例中的应用的详细知识点: 1. **Flex Tree组件**:Tree组件是Flex UI库中的一个核心组件,它可以用来展示多层级的数据,常用于文件系统、组织结构图等场景。每个节点都可以包含子...

Global site tag (gtag.js) - Google Analytics