`
shenjichao2009
  • 浏览: 96147 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex中去掉Tree叶子节点的实例

    博客分类:
  • Flex
阅读更多

Tree.xml文件内容如下:

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<fx:XML id="tree_popup" source="xml/tree_popup.xml"/>
</fx:Declarations>

<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Tree{
textAlign:left;
fontWeight:normal;
fontStyle:italic;
defaultLeafIcon:ClassReference(null);
}
</fx:Style>

<mx:ApplicationControlBar dock="true">
<mx:PopUpButton label="==请选择==">
<mx:popUp>
<mx:Tree id="treeId" width="200" dataProvider="{tree_popup}" labelField="@label" iconField="@icon"
rowCount="10" showRoot="false" defaultLeafIcon="@Embed(source='images/file.png')"/>
</mx:popUp>
</mx:PopUpButton>
</mx:ApplicationControlBar>

</s:WindowedApplication>

 

tree_popup.xml.xml文件内容如下:

<?xml version="1.0" encoding="UTF-8"?>
<root>
<league label="American League">
<division label="West">
<team label="Los Angeles" />
<team label="Seattle" />
<team label="Oakland" />
<team label="Texas" />
</division>

<division label="Central">
<team label="Cleveland" />
<team label="Detroit" />
<team label="Minnesota" />
<team label="Chicago" />
<team label="Kanss City" />
</division>

<division label="East">
<team label="Boston" />
<team label="New York" />
<team label="Toronto" />
<team label="Baltimore" />
<team label="Tampa Bay" />
</division>
</league>

<league label="National League">
<division label="West">
<team label="Arizona" />
<team label="Colorado" />
<team label="San Diego" />
<team label="Los Angeles" />
<team label="San Francisco" />
</division>
<division label="Central">
<team label="Chicago" />
<team label="Milwaukee" />
<team label="St. Louis" />
<team label="Houston" />
<team label="Cincinnati" />
<team label="Pittsburgh" />
</division>
<division label="East">
<team label="Philadelphia" />
<team label="New York" />
<team label="Atlanta" />
<team label="Washington" />
<team label="Florida" />
</division>
</league>
</root>

 

其中defaultLeafIcon:ClassReference(null);可以去掉Tree中的叶子节点的图标

而defaultLeafIcon="@Embed(source='images/file.png')"可以更换Tree中叶子节点的图标

  • 大小: 7.4 KB
分享到:
评论

相关推荐

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

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

    flex带复选框的tree,flex checkboxtree

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

    Flex 下拉框为Tree的ComboBox

    在ComboBox中,我们需要确保当用户选择一个Tree节点时,ComboBox的selectedItem或selectedLabel能正确更新,同时Tree的选中状态也应同步到ComboBox的文本框。 在博客文章《Flex下拉框为Tree的ComboBox》中,作者cym...

    Flex tree的用法

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

    flex combobx中使用tree

    2. **添加Tree组件**:在`createChildren()`方法中,我们实例化一个Tree组件,并设置其数据源。这个数据源应该是一个能反映层级关系的数据集合,例如ArrayCollection。 3. **处理选择事件**:我们需要监听Tree组件...

    flex tree 修改icon方法

    在这个场景下,我们需要通过编程方式来实现对Tree节点图标的个性化设置。 首先,我们要理解Flex Tree的基本结构。Tree组件由一系列的TreeItemRenderer组成,每个TreeItemRenderer对应树中的一个节点。图标是...

    Flex中tree实现的种种细节

    这篇博客文章“Flex中tree实现的种种细节”深入探讨了如何在Flex应用中有效地利用Tree组件,以及在实现过程中可能遇到的一些关键问题。 首先,Tree组件的基础知识包括它的构造函数、属性、方法和事件。例如,`data`...

    Flex 4.5 实现tree拖拽到任意组建

    本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...

    flex的combBox添加tree

    在Flex中实现CombBox与Tree的结合,主要是为了展示层次化数据,并允许用户通过下拉列表选择。这个过程涉及到的主要知识点有: 1. Flex CombBox组件:CombBox继承自ListBase类,提供了下拉列表和输入框的组合。你...

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

    用户选择菜单项后,相应的操作会在选中的Tree节点上执行。 通过理解以上知识点,并结合提供的"RightMenu"源码,你可以更好地理解和实现Flex中的右键菜单功能,特别是与Tree组件的集成。在实际开发中,根据具体需求...

    flex3 Tree右键菜单

    在Flex3中,Tree组件是用于展示层次结构数据的关键元素,它可以用来构建具有可扩展节点的树形视图。在Flex3的开发中,我们经常需要为Tree组件添加右键菜单,以提供更多的用户交互功能。右键菜单的实现不仅增加了用户...

    flex tree 中渲染checkBox

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

    flex checkboxtree 和可增加面板,可关闭的tab页

    `CheckboxTree`和可添加/关闭的`TabPanel`是Flex中常见的组件,用于提供用户友好的交互界面。这篇博客文章《flex checkboxtree 和可增加面板,可关闭的tab页》可能详细讲解了如何在Flex应用中实现这两个功能。 `...

    Flex Checkbox Tree

    【Flex Checkbox Tree】是一种在Adobe Flex开发环境中实现的交互式组件,它将树形结构的数据与复选框相结合,提供了一种用户友好的方式来选择或取消选择树节点。这个组件通常用于数据筛选、配置设置或者层级关系的...

    Flex combox

    同样,当用户直接在ComboBox输入框中输入时,对应的Tree节点也需要更新其选择状态。 6. **事件处理**:为了解决用户选择的回传,需要监听Tree或ComboBox的事件,如ItemClick或Change,以获取用户的最终选择,并根据...

    Flex实例二(下拉树)【修改自网友】

    在本实例中,我们主要探讨的是使用Flex技术创建一个下拉树(Dropdown Tree)的实现方法。这个实例是由网友分享并进行了修改,旨在提供一种在用户界面中展示层级数据的有效方式。Flex是一种基于ActionScript 3.0和...

    flex树自定义节点图标

    总之,自定义Flex Tree节点图标是一项重要的视觉设计任务,它可以通过多种方式实现,包括数据驱动、自定义渲染器和CSS样式。理解并掌握这些方法将有助于创建更加美观、易用的树形组件,从而提升应用程序的整体用户...

    CheckBoxTree.zip

    在Flex开发中,CheckBoxTree是一种常用的UI组件,它结合了树形结构和复选框功能,使得用户可以方便地对树节点进行多选操作。在本文中,我们将深入探讨如何在Flex中实现CheckBoxTree,以及相关的关键技术点。 首先,...

    flex4 选择树组件

    在提供的"Test.mxml"文件中,可能包含了对上述知识点的实例应用,你可以通过查看和运行这个文件来更深入地理解如何在实际项目中使用Flex4的选择树组件。通过对代码的分析和调试,你将能更好地掌握Tree组件的各种特性...

Global site tag (gtag.js) - Google Analytics