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

Flex写的带复选框树状多选组件

阅读更多
带复选框树状多选组件,如果选择父节点,那么子节点会被全部选中,如果取消选择父节点,那么子节点全部取消选中。数据模型必须使用xml,这样才可以追溯父子关系。
效果如下图:

实现原理是通过继承TreeItemRender来构建出CheckBox。
使用的时候可以通过mxml生成一个组件实例:
<component:TreeCheckBox id="tck" dataProvider="{xml}" width="200" labelField="@label"/>

其中dataProvider="{xml}"就是将一个xml变量赋值给dataProvider以显示数据。
width设置组件宽度。
labelField设置显示的字段。因为要显示xml里的label字段,所以使用“@label”。
源代码见附件。
  • 大小: 5.8 KB
2
2
分享到:
评论
7 楼 lzj244895127 2013-05-21  
楼主在吗?能否发一份源码给我啊?非常感谢啊!网上找了好久都没找到!244895127@qq.com
6 楼 thesp2 2012-11-29  
thesp2 写道
studetnxyd 写道
楼主,源代码是不是有问题呀,可否重新发我一份呀,辛苦楼主了!974702947@qq.com

非常抱歉,源码没有保留。那个压缩文件好像真的坏了

mac下chrome下载解压缩失败,让别人windows下下载可以解压缩,再压给你,请查收。
5 楼 thesp2 2012-11-29  
studetnxyd 写道
楼主,源代码是不是有问题呀,可否重新发我一份呀,辛苦楼主了!974702947@qq.com

非常抱歉,源码没有保留。那个压缩文件好像真的坏了
4 楼 studetnxyd 2012-11-10  
楼主,源代码是不是有问题呀,可否重新发我一份呀,辛苦楼主了!974702947@qq.com
3 楼 newzhq 2011-12-07  
有bug。。。
2 楼 newzhq 2011-12-07  
这个树的实现是多了父节点的判断
1 楼 cnsilent 2010-10-13  
效果不是 很明显,或者是我 没看 明白

相关推荐

    Flex实现带复选框的列表树

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

    带复选框的树状ComboBox

    在Flex编程环境中,"带复选框的树状ComboBox"是一种高级UI组件,它结合了树形结构和下拉框的功能,并且每个节点都配备有复选框,为用户提供了一种方便的方式来多选树状数据。这样的组件在数据筛选、配置设置等场景中...

    flex checkboxtree复选树形下拉框

    在Flex开发中,"flex checkboxtree复选树形下拉框"是一种常见的用户界面组件,它结合了树形结构和复选框的功能,允许用户在层次结构中进行多选操作。这种组件通常用于数据筛选、配置设置或者层级分类的选择场景。在...

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

    本插件专为此目的设计,它允许用户在树形结构中通过复选框来选择或取消选择节点,从而实现更直观的交互。 1. Flex Tree组件:Tree组件是Flex中的一个核心组件,用于展示层次结构的数据。它通常由一系列可展开/折叠...

    vue基于element-ui的三级CheckBox复选框功能的实现代码

    在现代Web开发中,复选框(Checkbox)组件是用来实现用户界面中多选功能的常见元素。尤其在使用Vue.js框架开发时,element-ui库提供了一套丰富的UI组件,其中包括Checkbox。但是,在某些业务场景中,需要实现多层...

    带选择框_的树

    在IT领域,"带选择框_的树"(checkbox_tree)是一种常见的用户界面元素,它结合了树形结构和复选框的功能。这种组件通常用于数据层级结构的展示,允许用户进行多选操作,比如在文件管理器、权限设置或者组织架构等...

    Flex combox

    总之,Flex的带复选框的树状下拉框是一个结合了Tree组件和ComboBox优势的自定义控件,它提供了层次结构数据的多选能力,大大增强了用户交互体验。通过自定义ItemRenderer和处理相关事件,我们可以轻松地在Flex应用中...

    flex advancedDataGrid 中如何实现带checkbox的树

    在一些应用场景中,我们可能需要在AdvancedDataGrid中实现带有复选框的树形结构,以便用户可以多选节点进行操作。本文将详细讲解如何在Flex AdvancedDataGrid中实现带复选框的树。 1. **使用HierarchicalData对象**...

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

    `CheckboxTree`是Flex中一种特殊的树形结构组件,它结合了复选框和树节点的功能。在用户界面设计中,这种组件常用于让用户多选树形结构中的数据项。`CheckboxTree`的实现涉及以下几个关键点: 1. **数据模型**:...

    flex checkbox tree

    Flex Tree组件是一个常用的UI元素,用于展示层级数据,而“flex checkbox tree”则是对Flex Tree的一种扩展,它增加了复选框功能,使得用户可以方便地选择树形结构中的各个节点。本文将详细介绍如何创建一个带复选框...

    flex tree checkbox

    而当我们谈论"flex tree checkbox"时,这意味着我们要在Tree组件的节点上添加复选框,使得用户可以对每个节点进行多选操作,提高交互性和用户体验。 首先,让我们深入了解Flex Tree组件。Tree组件是基于Adobe Flex ...

    flex 中tree渲染checkbox

    当我们需要在树形结构中添加复选框(checkbox)功能时,可以实现用户对多项选择的操作,这在数据筛选、配置设置等场景中非常常见。本文将深入探讨如何在Flex中的Tree组件中渲染复选框,并支持多选。 一、Tree组件与...

    flex tree 中渲染checkBox

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

    Flex的组件

    CheckboxTree是一种特殊的树形控件,它结合了复选框和树结构,允许用户以图形化的方式选择或取消选择树形数据结构中的节点。这种组件在数据层级关系复杂,需要用户进行多选操作时非常有用,常见于文件管理器、组织...

    树列表源码

    在Flex框架下,这种组件允许用户通过复选框来选择树节点,便于进行多选操作。 首先,我们需要了解Flex。Flex是Adobe公司开发的一种用于构建富互联网应用(RIA)的开放源代码框架。它基于ActionScript编程语言和...

    Flex4的Tree控件加CheckBox

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

    Flex 3 组件实例与应用(2009版)

    - **CheckBox** - 复选框组件,可以勾选多项。 - **LinkBar** - 链接栏组件,包含多个链接按钮。 - **LinkButton** - 链接样式按钮。 - **PopupButton** - 弹出式按钮,点击后可显示一个菜单。 - **RadioButton** - ...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    Checkbox用于创建复选框,允许多选操作。 #### LinkBar LinkBar组件用于创建链接条,适合用作导航或跳转链接的集合。 #### LinkButton LinkButton是一个具有链接外观的按钮,结合了按钮的交互性和链接的视觉特性。...

    CheckBoxTree.zip

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

Global site tag (gtag.js) - Google Analytics