`
hje
  • 浏览: 288211 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

flex tree节点的图标标记

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"    layout="horizontal" viewSourceURL="srcview/index.html"> 
  <mx:Script>    
   <![CDATA[                        
    [Bindable]      
    [Embed("Resources/ans.png")] 
    public var myFolderClosedIcon:Class;   
    [Bindable]        
    [Embed("Resources/EXIT.png")] 
    public var myFolderOpenIcon:Class; 
[Bindable]         
[Embed("Resources/Dial.png")]     
public var pdfIcon:Class;         
[Bindable]       
[Embed("Resources/hang.png")] 
public var docIcon:Class;                 
                                              ]]>  
                                               </mx:Script>
  <mx:XML id="xmlData" xmlns="">    
     <rootNode>   
      <directory label="dir">    
       <file icon="pdfIcon" label="label1"  />     
        <file icon="docIcon" label="label2"  />    
      </directory>      
      <directory label="dir1">    
        <file icon="docIcon" label="label3"  />      
        <file icon="pdfIcon" label="label4"  />   
      </directory>  
    </rootNode>  
    </mx:XML> 
   
      <mx:Panel title="Tree">         
          <mx:Tree      
                 borderStyle="none"    
                    backgroundAlpha="0"    
                       labelField="@label"    
                          iconField="@icon"      
                             width="300"      
                               height="200"   
                                   id="treeAdmin"   
                                       folderOpenIcon="{myFolderOpenIcon}"  
                                            folderClosedIcon="{myFolderClosedIcon}"       
                                                   dataProvider="{xmlData.directory}"
                                                   alpha="1" />           
             </mx:Panel></mx:Application>
分享到:
评论

相关推荐

    flex tree 修改icon方法

    当我们需要自定义Tree中的节点图标时,可能会遇到如何根据数据源动态改变图标的问题。标题"flex tree 修改icon方法"正好指出了这一需求。在这个场景下,我们需要通过编程方式来实现对Tree节点图标的个性化设置。 ...

    flex树自定义节点图标

    本主题将深入探讨如何在Flex Tree中实现自定义节点图标,以及与之相关的源码分析。 1. **自定义节点图标的意义** - 节点图标可以增强用户对树结构的理解,通过图标直观地传达节点类型或状态信息。 - 图标可以是...

    Flex tree的用法

    - **虚拟化**: Flex Tree支持虚拟化,只在视口内的节点进行渲染,以提高大数据集下的性能。 - **延迟加载**: 对于深层次的树,可以使用延迟加载策略,只在需要时加载子节点。 6. **Flex Tree的其他功能** - **...

    flex Tree 复选框。

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

    flex tree 教程二

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

    flex tree+checkbox级联勾选

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

    flex tree控件

    下面我们将深入探讨Flex Tree控件的基本概念、自定义节点图标以及使用线条连接节点的方法。 1. Flex Tree控件基本概念: Flex Tree控件是Adobe Flex框架中的一个组件,用于展示具有层级关系的数据。每个节点可以...

    Flex Tree 中Checkbox

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

    flex tree icon

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

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

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

    Flex Tree增加虚线连接

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

    Flex Tree快速定位树结点

    在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入结点名称,然后一键检索,直接在树中高亮或展开对应的结点,极大地提高了用户的操作效率...

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

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

    flex Tree checkbox 修改过后的

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

    flex带复选框的tree,flex checkboxtree

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

    Flex Tree组件的实线连接线

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

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

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

    flex tree 拖拽

    Flex Tree 是一种基于 Adobe Flex 技术实现的可交互树形数据结构组件,它允许用户以图形化的方式查看和操作层次结构数据。在 Flex 应用中,Tree 控件经常用于展示具有层级关系的数据,例如文件系统、组织结构或者...

    Flex Tree 的右键菜单事件

    在Flex编程中,Tree组件是一种常用的用户界面元素,用于展示层次结构的数据。它允许用户通过展开和折叠节点来浏览和操作数据。右键菜单则为用户提供了一种方便的交互方式,用户可以通过点击鼠标右键触发自定义的上...

    Flex tree+checkbox可实现级联勾选 修改

    flex tree+checkbox可实现级联勾选 修改后 修改CheckTreeDemoRenderer.as这个文件中 while (!cursor.afterLast){ if (cursor.current.@state == STATE_CHECKED) { noChecks++; }else if (cursor.current.@state =...

Global site tag (gtag.js) - Google Analytics