浏览 3120 次
锁定老帖子 主题:EXT TREE CHECK
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-04-16
var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:'tree-div', useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll: true, loader: new Tree.TreeLoader({ dataUrl:'treecheckjson.jsp' }) }); tree.on('checkchange', function(node, checked) { node.expand(); node.attributes.checked = checked; node.eachChild(function(child) { child.ui.toggleCheck(checked); child.attributes.checked = checked; child.fireEvent('checkchange', child, checked); }); }, tree); var root = new Tree.AsyncTreeNode({ text: 'Ext JS', draggable:false, checked:false, id:'0' }); tree.setRootNode(root); tree.render(); root.expand(); //带复选框(checkbox)的树 //改编自ExtJs 自带的tree例子,选中父节点后,所有子节点会自动选上。 //该例子点击父节点如果速度过快,有时候不会自动选中子节点! var checkedNodes = tree.getChecked();//tree必须事先创建好. var s = []; for(var i=0;i<checkedNodes.length;i++){ s.push(checkedNodes[i].id) } //得到里面选中的node id 值数组 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2010-04-16
checkchange:function(_node,_checked) { var _isexpanded = _node.isExpanded(); if(!_isexpanded) { _node.expand(false,false); } if(_node.childNodes && _node.childNodes.length > 0) { for(i = 0; i < _node.childNodes.length; i++) { if(_node.childNodes[i].getUI().isChecked() !== _checked) { _node.childNodes[i].getUI().toggleCheck(); } } } if(!_isexpanded) { _node.collapse(false,false); } }, 我的树根节点下只有两层~~ |
|
返回顶楼 | |
发表时间:2010-04-16
最后修改:2010-04-16
|
|
返回顶楼 | |