- 浏览: 407001 次
- 性别:
- 来自: 济南
最新评论
-
nianshi:
slideDown就是show的滑动效果版本, slideUp ...
Jquery零碎代码收藏 -
nianshi:
以后编写JS代码,少写<div onclick=&quo ...
Jquery零碎代码收藏 -
nianshi:
获取匹配元素相对父元素的偏移var p = $("p ...
Jquery零碎代码收藏 -
nianshi:
获取匹配元素在当前窗口的相对偏移var p = $(" ...
Jquery零碎代码收藏 -
wuchu:
谢谢
Flex 读取XML配置文件总结
一、树形控件的常用属性
1、dragMoveEnabled:是否在拖放的过程中将节点移动,而不是复制。
2、folderOpenIcon:展开节点时的节点图标
3、folderClosedIcon:关闭节点时的节点图标
4、defaultLeafIcon:叶子节点的图标
5、openItems:在初始化时展开的节点集。
6、showRoot:是否显示数据中的根节点。XML格式的数据一般包含根节点,此时该属性应为false;Array类型的数据一般不包含根节点,该属性设置无效。
7、indentation:节点层次缩进量。
8、doubleClickEnabled:节点是否支持双击事件。
9、dragEnabled:是否允许拖动节点。
10、dropEnabled:在拖动节点的过程中是否允许释放,以移动节点。
11、alternatingItemColors:节点间隔背景色。
12、labelField:作为标签显示的数据的属性。
13、labelFunction:自定义节点标签。
二、树形控件的常用事件
1、itemClick:单击节点触发该事件。
2、itemDoubleClick:双击节点触发该事件。
三、范例
Xml代码
- <? xml version = "1.0" encoding = "utf-8" ?>
- < mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml" layout = "absolute" >
- < mx:Script >
- <![CDATA[
- import mx.events.ListEvent;
- //展开所有节点
- private function openAllNote():void{
- tree1.openItems = noteList..note;
- }
- //关闭所有节点
- private function closeAllNote():void{
- tree1.openItems = [];
- }
- private function itemClick(event:Event):void{
- /*
- var selectedNote:XML = Tree(event.target).selectedItem as XML;
- var len:int = selectedNote.child("note").length();
- if(len>0){
- txt1.text = "树枝节点";
- }else{
- txt1.text = "叶子节点";
- }
- */
- //限制树枝节点不能选择
- var note:Object = event.currentTarget.selectedItem;
- if(tree1.dataDescriptor.isBranch(note)){
- tree1.selectedItem = null;
- if(tree1.dataDescriptor.hasChildren(note)){
- txt1.text = note.@label + "(" + tree1.dataDescriptor.getChildren(note).length + ")";
- }
- }else{
- txt1.text = note.@label;
- }
- }
- //双击节点时展开或关闭节点
- private function itemDoubleClick(event:ListEvent):void{
- var note:XML = tree1.selectedItem as XML;
- tree1.expandItem(note, !tree1.isItemOpen(note));
- }
- //自定义节点标签
- private function labelFunc(note:Object):String{
- var suffix:String = "";
- if(tree1.dataDescriptor.hasChildren(note)){
- suffix = "(" + tree1.dataDescriptor.getChildren(note).length + ")";
- }
- return note.@label + suffix;
- }
- ]]>
- </ mx:Script >
- <!-- 通过样式去掉节点的图标 -->
- < mx:Style >
- Tree {
- folderClosedIcon: ClassReference(null);
- folderOpenIcon: ClassReference(null);
- defaultLeafIcon: ClassReference(null);
- }
- </ mx:Style >
- < mx:XMLList id = "noteList" >
- < note label = "root" >
- < note label = "酬金管理" open = "true" >
- < note label = "酬金方案启用" >
- < note label = "方案启用申请单制作" />
- < note label = "方案启用申请单审批" />
- </ note >
- < note label = "酬金方案查询" >
- < note label = "方案方案查询" />
- </ note >
- < note label = "数据查询" >
- < note label = "酬金清单查询" />
- < note label = "网点月度违规情况查询" />
- < note label = "窜货号码清单" />
- < note label = "售价违规号码清单" />
- < note label = "月度酬金计算情况查询" />
- </ note >
- < note label = "酬金报表" >
- < note label = "店面月度酬金统计表" />
- < note label = "店面月度酬金银行报表" />
- </ note >
- </ note >
- </ note >
- </ mx:XMLList >
- <!-- 控制条 -->
- < mx:ApplicationControlBar dock = "true" >
- < mx:Button label = "打开所有节点" click = "openAllNote()" />
- < mx:Button label = "关闭所有节点" click = "closeAllNote()" />
- < mx:Text width = "384" fontSize = "12" color = "#FCFEFE" fontWeight = "bold" id = "txt1" />
- </ mx:ApplicationControlBar >
- < mx:Panel x = "10" y = "10" width = "250" height = "95%" layout = "absolute" fontSize = "12" title = "树形控件" >
- < mx:Tree x = "0" y = "0" width = "100%" height = "100%" id = "tree1"
- labelFunction = "labelFunc"
- dataProvider = "{noteList}"
- showRoot = "false"
- folderOpenIcon = "@Embed(source='images/tree/open.png')"
- folderClosedIcon = "@Embed(source='images/tree/close.png')"
- defaultLeafIcon = "@Embed(source='images/tree/leaf.png')"
- alternatingItemColors = "[#FFFFFF,#EEEEEE]"
- dragEnabled = "true"
- dropEnabled = "true"
- dragMoveEnabled = "true"
- doubleClickEnabled = "true"
- itemDoubleClick = "itemDoubleClick(event)"
- itemClick = "itemClick(event)"
- indentation = "15" />
- </ mx:Panel >
- </ mx:Application >
发表评论
-
Flex小记录
2011-02-24 10:18 1258Flex读取XML: <mx:HTTPServic ... -
flex实现滑动显示隐藏效果
2010-12-30 15:30 1539鼠标划过的时候显示菜单栏 ,鼠标移开后隐藏菜单栏。比较常用 ... -
flex DataTimePicker时间控件
2010-12-27 11:54 1289两种DatatimePicker: 1.Datatim ... -
ActionScript 生成伪Guid
2010-12-24 09:52 1164在一个Flash制作的图片上传程序中(使用了FileRefer ... -
Flex中Image组件怎么才能非等比例拉伸图片
2010-12-23 15:49 1476Image组件怎么才能非等比例拉伸图片 设 ... -
Flex中Accordion用法
2010-12-23 11:45 3046<? xml version = & ... -
Flex(替代session过期)实现用户长时间不操作要求重新登录的处理
2010-12-23 11:08 1475flex(替代session过期)用户长时间不操作要求重新登录 ... -
ActionScript 3.0 Socket编程
2010-12-23 09:56 1135在使用ActionScript3.0进行编程 ... -
12个简单易用的flex函数
2010-12-21 10:10 10951.拷贝内容到剪贴板: ... -
Flex自定义控件——Pagebar分页控件
2010-12-20 09:41 5185开发时经常遇到用一个DataGrid分页显示 ... -
Flex资源,很全,很牛!
2010-12-20 09:30 14241、as3ebaylib http://code ... -
Flex 窗体 最大化、最小化实例
2010-12-20 09:28 2675---导入flexMdi.swc (http ... -
在Flex中复制文字到操作系统的剪贴板
2010-12-15 11:18 1200这个实例演示了怎么样使用System. ... -
Flex让Slider控件拖动时显示Tooltip
2010-12-14 16:10 1869格式化与自定义Slider中显示的Tooltip ... -
Flex给Alert加个Icon
2010-12-14 16:05 1253给Alert加个Icon 很简单只要先 Embed 一 ... -
在Flex中用Validator验证数字、字符串、Email、电话号码等
2010-12-14 09:54 4264mx.validators ... -
Flex中使用FileReference类下载文件
2010-12-14 09:47 1761下面的实例演示了Flex中的 File ... -
Flex使用ArrayCollection的filterFunction属性过滤DataGrid
2010-12-14 09:42 1765下面的实例演示了在Flex中怎样使用 ... -
FLEX3中应用CSS完全详解手册(下)
2010-12-13 11:40 842myTabs中的设置 cornerRadiusTab ... -
FLEX3中应用CSS完全详解手册(上)
2010-12-13 11:16 867编辑完这个FLEX下的CSS说明后,我基本已经兵临崩溃 ...
相关推荐
Flex 树形 ComboBox组件,Flex 树形 ComboBox组件,Flex 树形 ComboBox组件
flex 可拖动的树形自定义控件,从左选项框拖动到右选项框
flex拖拽树控件 添加 删除节点 拖拽生成节点
一个Flex语言写的树形结构代码,小主一直用的,暂未发现BUG,请多多指教!
去掉flex tree控件默认的图标并加上线连接。
在原来flex的Tree组件上添加复选框CheckBox
里面收集了一些Flex的tree控件的用法和实例的源代码
flex自定义的树形结构,展开,收缩,多级目录支持
flex8表格控件,可以方便的实现表格的数据处理,并且里面附带了全面的例子,解决很多程序员的表格问题
flex json转无限树形加单选框并获得选中子项 自动展开
用数据动态绑定XML,然后实现flex中树的绑定
NULL 博文链接:https://lipbb.iteye.com/blog/1914043
flex3.5时间控件(含时分秒),亲测能用!
flex复选树形下拉框,在ReportListPage.mxml里面有应用及树数据的加载
Flex 上传文件控件 (带java服务端) 可以设置多文件还是单文件 设置上传大小 显示上传进度条
FLEX控件
FlexViewer 树形结构带checkbox,勾选checkbox节点调用地图加载点标注
flex JSON 转无限树形加单选框并获得选中子项、
flex视频播放控件
flex 时间选择控件,提供了时间的选择。。。