- 浏览: 195114 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (101)
- 职业 (4)
- 生活 (3)
- 场景应用 (6)
- flex (14)
- java (31)
- php (2)
- python (2)
- hadoop (6)
- 项目管理 (1)
- 工作流 (4)
- 手机web应用 (3)
- 算法 (4)
- 小技巧 (1)
- 数据库 (2)
- sphinx (1)
- web综合 (15)
- spring (5)
- 设计 (9)
- javascript (3)
- linux (2)
- 报表 (2)
- delphi (1)
- ejb (1)
- 架构 (3)
- uml (3)
- lucene (2)
- BI (1)
- 多线程 (1)
- 地图 (1)
- gis (1)
- 网络基础 (1)
- spark (2)
- 分布式 (3)
- ext (1)
- android (3)
- arduino (1)
- 协同办公 (2)
- OA流程 (2)
- 畅想 (1)
- ios (3)
- swift (1)
- webkit (1)
- c (1)
- 浏览器 (1)
- html5 (2)
- rtmp (1)
- soket (1)
- AI (2)
- tensorflow (1)
- ignite (1)
- react (4)
- 新空间 (2)
- 闲话 (3)
- docker (1)
- kubernetes (1)
最新评论
-
wenzhiyinghen:
...
spark 学习 -
zlbdexiaohao:
flex 写的时钟 -
minn84:
luoguohong88 写道你上传的那个openi.zip ...
openi1.3 eclipse 整合调试 -
luoguohong88:
你上传的那个openi.zip (5.5 MB)有问题 能再上 ...
openi1.3 eclipse 整合调试 -
minn84:
demo的思路很简单,主要是两点:1.hadoop负责处理数据 ...
hadoop+lucene+web 综合小demo
可级联选择tree中的checkBox
package minntree { import flash.events.Event; import flash.events.MouseEvent; import mx.controls.Alert; import mx.controls.CheckBox; import mx.controls.Tree; import mx.controls.treeClasses.TreeItemRenderer; import mx.controls.treeClasses.TreeListData; import mx.events.TreeEvent; /** * 支持CheckBox的TreeItemRenderer * @author Montage * @modify chenzhimin */ public class TreeCheckBoxRender extends TreeItemRenderer { public function TreeCheckBoxRender() { super(); } /** * 表示CheckBox控件从data中所取数据的字段 */ private var _selectedField:String = "selected"; protected var checkBox:CheckBox; /** * 构建CheckBox */ override protected function createChildren():void { super.createChildren(); checkBox = new CheckBox(); addChild( checkBox ); checkBox.addEventListener(Event.CHANGE, changeHandler); checkBox.addEventListener(MouseEvent.CLICK,updateCheck); } protected function updateCheck(e:Event):void{ var b:Boolean=this.dispatchEvent(new Event("updateTreeEvent",true)); } /** * 点击checkbox时,更新dataProvider * @param event */ protected function changeHandler( event:Event =null):void { if( data && data[_selectedField] != undefined ) { data[_selectedField] = checkBox.selected; } if(data.hasOwnProperty("children")){ var arr:Array=data["children"]; for(var i:int;i<arr.length;i++){ var obj:Object=arr[i]; obj[_selectedField]=checkBox.selected; } } } /** * 初始化控件时, 给checkbox赋值 */ override protected function commitProperties():void { super.commitProperties(); // trace(data[_selectedField]) if( data && data[_selectedField] != undefined ) { checkBox.selected = data[_selectedField]; } else { checkBox.selected = false; } } /** * 重置itemRenderer的宽度 */ override protected function measure():void { super.measure(); measuredWidth += checkBox.getExplicitOrMeasuredWidth(); } /** * 重新排列位置, 将label后移 * @param unscaledWidth * @param unscaledHeight */ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth, unscaledHeight); var startx:Number = data ? TreeListData( listData ).indent : 0; if (disclosureIcon) { disclosureIcon.x = startx; startx = disclosureIcon.x + disclosureIcon.width; disclosureIcon.setActualSize(disclosureIcon.width, disclosureIcon.height); disclosureIcon.visible = data ? TreeListData( listData ).hasChildren : false; } if (icon) { icon.x = startx; startx = icon.x + icon.measuredWidth; icon.setActualSize(icon.measuredWidth, icon.measuredHeight); } checkBox.move(startx, ( unscaledHeight - checkBox.height ) / 2 ); label.x = startx + checkBox.getExplicitOrMeasuredWidth(); } } }
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.events.FlexEvent; [Bindable] public var collection:ArrayCollection = new ArrayCollection([ { "name" : "上海", "selected":false, "children":[ { "name":"黄浦", "selected":false }, { "name":"浦东", "selected":true }, { "name":"静安", "selected":false }, { "name":"徐汇", "selected":false } ]}, { "name":"北京", "selected":false, "children":[ { "name":"海淀", "selected":false }, { "name":"朝阳", "selected":true }, { "name":"丰台", "selected":false } ]} ]); protected function application1_creationCompleteHandler(event:FlexEvent):void { // TODO Auto-generated method stub this.addEventListener("updateTreeEvent",function():void{ trList.invalidateList(); }); } private function iconFunction(item:Object):*{ if(!item.children){ }else{ if(trList.isItemOpen(item)){ return trList.getStyle("folderOpenIcon"); }else{ return trList.getStyle("folderClosedIcon"); } } } ]]> </fx:Script> <mx:Tree id="trList" x="174" y="81" labelField="name" width="281" height="218" itemRenderer="minntree.TreeCheckBoxRender" dataProvider="{collection}" iconFunction="iconFunction"></mx:Tree> </s:Application>
参考信息:http://www.iteye.com/topic/326302
发表评论
-
基于html5的websocket和rtmp协议的java socket服务器
2016-12-07 07:20 1060现代企事业单位中,会涉及到数据推送和获取服 ... -
php-flex开源系统
2014-03-22 21:27 835开源一个本人雪藏已久的管理系统,这个系统前 ... -
flash 自动生成地图控件
2013-04-11 19:53 1214地图应用,是现在很多领域涉及的应用之一,无论 ... -
基于rtmp协议的java多线程服务器
2013-03-31 21:34 3838打算设计这个半开源服务的计划已经有很长时间了,大 ... -
flex datagrid中显示进度条demo
2011-01-19 18:38 2736<?xml version="1.0" ... -
flex做的有可能可以代替css+div布局的网页导航
2011-01-12 17:43 1958一直以来觉得css+div的布局太麻烦,flex中有 ... -
flex自定义日期控件算法实现
2011-01-01 23:31 2519前段时间在一间小公司里做过一段时间,其中有一项是实现一个自定义 ... -
简单flex文件上传--flex端
2010-05-02 01:57 1206<?xml version="1.0" ... -
简单flex文件上传--java端
2010-05-02 01:09 1544用到的第三方包:commons-fileupload-1.2. ... -
flex笔记
2010-02-19 21:42 1108internal:同一个包的类彼此可以访问 const:常量修 ... -
flex 写的时钟
2010-02-11 23:04 1877俗话说,做一天和尚,撞一天钟,我就用flex做了个简单的钟表, ... -
flex rtmp访问方式理解
2010-02-07 11:58 2981netconnection:提供异步的远程访问方法,可发送以下 ... -
flex写的xml格式文件生成工具
2010-02-07 09:52 2006package jiaoben{ import flash. ...
相关推荐
flex tree+checkbox可实现级联勾选
flex tree+checkbox可实现级联勾选 修改后 修改CheckTreeDemoRenderer.as这个文件中 while (!cursor.afterLast){ if (cursor.current.@state == STATE_CHECKED) { noChecks++; }else if (cursor.current.@state =...
实现树形结构的CheckBox的子节点选中所有父级节点,级联选择功能,内有具体案例
使用javascript实现checkbox级联选择
带CheckBox和级联操作的Tree 带CheckBox和级联操作的Tree 带CheckBox和级联操作的Tree
FLEX中下拉框嵌入Checkbox
本资源中包括Tree的文件和Tree的渲染文件(Checkbox),实现功能为点击树不获取值(也可以获取,改变一个变量即可),只有勾选Checkbox才能得到。并添加到集合中
flex中tree和checkbox结合使用的插件,该压缩包包含两个文档,一个是tree和checkbox结合使用的插件,另一个是使用示例
纯JS+HTML写的checkBox Tree 级联选中 好用无BUG 1 选上级,自动选下级 2 选下级,自动选上级 在网上找的其他例子,都有BUG,本程程序绝对可用,放心下载!
flex 中tree渲染checkbox,支持复选多选。
主要介绍了jQuery实现的checkbox级联选择下拉菜单效果,涉及jQuery鼠标事件响应及表格table动态操作的相关技巧,需要的朋友可以参考下
NULL 博文链接:https://hje.iteye.com/blog/338333
flex带复选框的tree,包含源代码,需要用到的朋友请下载
在网上找到了关于flex 的tree在前面加上checkbox, 我经过改动, 现在很适合使用。
flex tree 复选框,以及父目录的三种状态。(全部选中,部分选中,没有选中)
flex tree中渲染checkbox
FLEX中可换行CHECKBOX
对于flex中的列表经常要嵌套一些checkbox,弄了个外部的as用起来很方便;
flex中checkbox的数量可以根据分割字符串来控制,最重要的就是这个标签了