有谁做过extjs有复选框的动态树

问题描述

样子如下: 问题补充:babydeed 写道

解决方案

http://chemzqm.iteye.com/blog/632970 这个是ext的tree级联
解决方案二:
复选框就是加个 checked: false或者true
解决方案三:
http://8366.iteye.com/blog/544437 异步树的文章
解决方案四:
这样的话就没什么了 看下面我的小例子 <script type="text/javascript">Ext.onReady(function(){ var tree = new Ext.tree.TreePanel({ el: 'tree', loader: new Ext.tree.TreeLoader() }); var menu = new Ext.menu.Menu({ id:'contentMenu', items:[{text:'我被单击啦',handler:function(){alert('我被单击啦。。啊');}}] }); var root = new Ext.tree.AsyncTreeNode({ text:'根',checked: false,id:"root", children: [ {text: 'Leaf No. 1',id:"root1",checked: false,leaf: false,children: [{text: 'Leaf No. 11',id:"root11",leaf: true,checked: false},{text: 'Leaf No. 12',id:"root12",leaf: true,checked: false}]}, {text: 'Leaf No. 2',leaf: true,id:"root2", checked: false} ] }); //将menu菜单绑定到该树上 tree.on('contextmenu',function(node,e){ e.preventDefault();//阻止浏览器默认右键菜单 node.select();//是该节点被选中状态 menu.showAt(e.getXY());});//获得鼠标的坐标 tree.setRootNode(root); tree.render(); root.expand();}); </script> </head> <body> <div id="tree" ></div> </body></html>
解决方案五:
你是想要级联吗?

时间: 2024-07-28 20:32:12

有谁做过extjs有复选框的动态树的相关文章

ExtJs 4.2.1 复选框数据项动态加载(更新一下)

最近在做博客项目,后台管理用的是ExtJs4.2.1版本,因为是初学所以在使用的时候也遇到不少的这样或那样的问题,也写了不少这方面的博客,今天要写的博客是关于复选框数据项动态的加载功能,以前也没用过,初次用,不知道怎么动态加载,静态加载很容易,添加itmes就可以了,于是我在网上找找有关这方面的博客,找到一篇,不过遗憾的是,这种方法太糟糕了,不是很方便,于是找到了一个很好的解决方法:   //点击编辑弹出的formpanel var formPanel = new Ext.FormPanel({

Struts的动态复选框-用动态选择的元素轻松创建复选框

简介:Struts Recipes 的合著者 Danilo Gurovich 从 George Franciscus 停止的地方开始,介绍了 易于使用的创建动态选择复选框的 Struts 诀窍. 在用户界面设计中,复选框组不如它的同类 -- 多行选择框那样流行.它们基本上做的是同一件事 ,即选择映射到单一 name 属性的一组选项.当在组中使用时,复选框执行的功能实际与多行选择框一样 ,但是它们占据的屏幕空间更多.当希望用户在选择一个或多个选项之前能够看到所有选项的时候,这会 很有好处. 虽然在

关于extjs treepanel复选框选中父节点与子节点的问题_extjs

 extjs 如图,实现带有复选框的树,选中父节点时,选中所有子节点.取消所有子节点时,才能取消根节点. 复制代码 代码如下: var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ "checkchange": f

Extjs 点击复选框在表格中增加相关信息行_javascript技巧

功能效果:点击复选框在表格中自动增加相关信息行,复选框取消则表格中内容自动删除 初始效果大概是这样~~~~~ // 定义初始 存放表格数据 var gridItems = []; //省份复选框 var $provinceCheckbox01 = new Ext.form.CheckboxGroup({ xtype: 'checkboxgroup', fieldLabel: '省份选择', labelWidth: 60, columns: 9, vertical: true, margin: '

jquery模拟多级复选框效果的简单实例_jquery

今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了. 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升. 主要分享下jquery的这个效果的实现.代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中.这个很好做,代码如下: evtEle.parent().next(".checks").find("input:checkbox").attr("c

模拟多级复选框效果的jquery代码_jquery

今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了. 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升. 主要分享下jquery的这个效果的实现.代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中.这人很好做,代码如下: 复制代码 代码如下: evtEle.parent().next(".checks").find("input:checkbox").a

extjs 如何将一个弹出的复选框里面选中的信息显示出来?

问题描述 extjs 如何将一个弹出的复选框里面选中的信息显示出来? 在用Extjs做项目,要求是点击主界面的新增按钮,弹出一个框,这个框里有一个空白框, 空白框旁边有一个按钮,叫产品维护,点击这个按钮,弹出一个窗口,里面是一些复选项 ,选中后,如何将这些被选中的信息给显示在之前的那个空白框里,并加上编号? 解决方案 http://cesclub.com/bw/jishuzhongxin/Webjishu/2012/0811/37008.html 解决方案二: 不知你第二次弹出的窗口是什么组件,

lotus表单中勾选某一列前的复选框,则这个列下的富文本域由灰色,变成可以上传的正常状态?怎么做?

问题描述 lotus表单中勾选某一列前的复选框,则这个列下的富文本域由灰色,变成可以上传的正常状态?怎么做? 可以在表单中做到这样的效果吗:勾选某一列前的复选框,则这个列下的富文本域由灰色(不可上传),变成可以上传的正常状态?怎么做?

Extjs 4.x 得到form CheckBox 复选框的值

  CheckBox(复选框)主要用来接收用户选择的选项,那么如何通过Extjs 4.x 得到form CheckBox的值呢?下面有个不错的方法,大家值得一看 CheckBox(复选框)主要用来接收用户选择的选项 如图所示(请忽略UI的不好看): 该弹出窗口的主要代码如下: 代码如下: var win = new Ext.Window({ modal : true, title : '确定要拒绝该表吗?', width : 500, plain : true, items : [fp] });