`
kanwoerzi
  • 浏览: 1635543 次
文章分类
社区版块
存档分类
最新评论

学习tree 控件(基础)

 
阅读更多

学习tree 控件:http://www.cxseo.net/web/200903/20/news_contentrid229.html

一、树形控件的常用属性

<wbr><wbr><wbr><wbr><wbr><span></span>1、dragMoveEnabled:是否在拖放的过程中将节点移动,而不是复制。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>2、folderOpenIcon:展开节点时的节点图标</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>3、folderClosedIcon:关闭节点时的节点图标</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>4、defaultLeafIcon:叶子节点的图标</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>5、openItems:在初始化时展开的节点集。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>6、showRoot:是否显示数据中的根节点。XML格式的数据一般包含根节点,此时该属性应为false;Array类型的数据一般不包含根节点,该属性设置无效。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>7、indentation:节点层次缩进量。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>8、doubleClickEnabled:节点是否支持双击事件。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>9、dragEnabled:是否允许拖动节点。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>10、dropEnabled:在拖动节点的过程中是否允许释放,以移动节点。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>11、alternatingItemColors:节点间隔背景色。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>12、<strong style="font-weight:bold"><span style="color:#0000ff; line-height:21px; word-break:normal; word-wrap:normal">labelField</span></strong>:作为标签显示的数据的属性。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>13、<span style="color:#3300ff; line-height:21px; word-break:normal; word-wrap:normal"><strong style="font-weight:bold">labelFunction</strong></span>:自定义节点标签。</wbr></wbr></wbr></wbr></wbr>

<wbr></wbr>

二、树形控件的常用事件

<wbr><wbr><wbr><wbr><wbr><span></span>1、itemClick:单击节点触发该事件。</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><span></span>2、itemDoubleClick:双击节点触发该事件。</wbr></wbr></wbr></wbr></wbr>

<wbr></wbr>

使用XMLLISTCOLLECTION 和ARRAYCOLLECTION对象的对比。


你也许想知道,在运行时从远程或本地得来的数据被动态修改的时候,应该使用XMLListCollection对象还是ArrayCollection对象作为Tree空间的数据提供者。


如果你使用的数据源提供成形的XML,并且,你想在Tree控件中操作 XML数据。你应该使用XMLListCollection对象作为数据提供者。当使用MXML标记时,如果数据源是XMLList对象,你应该把它绑定到XMLLsitCollection对象的source属性上,然后把 XMLListCollection对象绑定到Tree控件的dataProvider属性上。

当你想要动态改变对象值时,不要使用XMLList或XML对象直接绑定到Tree控件的dataProvider属性上。当数据源是RPC(远程过程调用)服务的lastResult属性,并且你想使用XML数据,确保RPC组件的resultFormat属性被设置成e4x,当你使用e4x结果格式,最总结果就是XMLList,可以绑定在XMLListCollection对象上。

这里有一个例子。为例数据被动态改变,使用ArrayCollection对象作为Tree控件的数据提供器。当使用MXML标记时,如果你期望动态的改变Arrayl,你不应该把Array对象直接绑定到Tree控件的dataProvider属性上。作为代替,你应该绑定Array到一个ArrayCollection对象的source属性上,然后再把ArrayCollection对象绑定到Tree控件的dataProvider属性上。


当数据源是RPC(远程过程调用)服务的lastResult对象,并且RPC组件的resultFormat属性被成object,你应该使用ArrayUtil.toArray()方法来确保对象是一个Array。然后绑定到ArrayCollection对象上,就像下边的例子所示:

<mx:ArrayCollection
<wbr><wbr><wbr><span></span>id="employeeAC"<br><wbr><wbr><wbr><span></span>source= "{ArrayUtil.toArray(employeeSrv.lastResult.employees.employee)}"/&gt;</wbr></wbr></wbr></wbr></wbr></wbr>

<wbr></wbr>

例如1:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/index.html">
<wbr><wbr><br><wbr><wbr><wbr><span></span>&lt;mx:Script&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;![CDATA[ <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>import mx.collections.XMLListCollection; <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>[Bindable]<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>private var company:XML =<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;list&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;department title="Finance" code="200"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;employee name="John H"/&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;employee name="Sam K"/&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;/department&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;department title="Operations" code="400"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;employee name="Bill C"/&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;employee name="Jill W"/&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;/department&gt; <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><span></span>&lt;department title="Engineering" code="300"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到:
评论

相关推荐

    dojo精品中文教程(包一)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(包二)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(包三)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(全)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    基于ssm+mysql的分布式电商系统(前后台+订单管理+门户)源码+项目说明(毕业设计).zip

    商品类目选择-easyui异步tree控件的使用 2.图片上传(fastdfs+nginx) 3.富文本编辑器使用KindEditor 4.分页使用PageHelper插件,插件是基于mybatis的拦截器接口实现的 商品的展示功能: 1.分页插件的使用...

    wpf源码大全 精通C#3.0图书源码 详细源码 学习好用

    示例描述:本章学习WPF中的内容控件的概念以及特性。 BorderDemo 使用Border控件。 ContentDemo Content属性的使用示例。 ControlControlDemo 内容控件层次结构。 HeaderedContentControlDemo ...

    Ext 开发指南 学习资料

    让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. grid默认自带的功能 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列...

    Visual C++/MFC学习笔记.doc

    窗口控件4.1 Button4.2 Static Box4.3 Edit Box4.4 Scroll Bar4.5 List Box/Check List Box4.6 Combo Box/Combo Box Ex4.7 Tree Ctrl4.8 List Ctrl4.9 Tab Ctrl4.A Tool Bar4.B Status Bar4.C Dialog Bar4.D 利用...

    asp.net知识库

    技术基础 New Folder 多样式星期名字转换 [Design, C#] .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则...

    百度地图开发java源码-iOS_develop_learning_routes:iOS开发学习路线

    iOS开发学习路线 语言 计算机基础 汇编 排序算法 链表 动态规划 红黑树 B树 二叉树 回溯算法 分治算法 贪心算法 枚举算法 Stack(栈) Array(数组) Heap(堆) Graph(图表) Tree(树) Hash Table(哈希表) ...

    77G 22套C语言 C++ 数据结构 程序设计视频课程合集 C丨C++相关学习视频全套视频教程

    VC++ MFC 经典教程 - 基础篇 1.CP_YourFirstWindowsProgram.mp4 10.MFC_GDI_画直线和曲线.mp4 11.MFC_GDI_画椭圆_多边形及其他形状.mp4 12.MFC_GDI_画笔和画刷.mp4 13.MFC_GDI_画文本和字体.mp4 14.MFC_GDI_...

    ExtJS(ajax框架) 4.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    flex3的cookbook书籍完整版dpf(包含目录)

    在Tree控件中使用复杂数据对象 5.8节.只允许List的某一项可被选中 5.9节.为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的NULL项 5.12节.为List创建右键...

    精通Windows.API-函数、接口、编程实例.pdf

    仅收录该书籍以供学习和讨论 包含pdf书籍及经过验证的示例 执行demo中的示例方式 在编译环境下进入demo目录,执行nmake命令在bin目录下生成可执行文件 注:demo无注释,对应书本中部分示例。 目录 第1章 Windows...

    精通WindowsAPI 函数 接口 编程实例

    9.4.2 为Tree View控件增加节点 260 9.4.3 Tree View右键菜单 262 9.4.4 List View控件 263 9.4.5 为List View控件增加分栏 265 9.4.6 为List View控件增加项 266 9.4.7 文本框控件 267 9.4.8 为文本框...

Global site tag (gtag.js) - Google Analytics