extjs tree check 级联选择
2014-07-01 11:33
387 查看
extjs4 tree check 级联选择
实现效果:
关键代码:
监听选择事件:
实现效果:
关键代码:
function changeAllNode(node, isCheck) { allChild(node, isCheck); allParent(node, isCheck); function allChild(nodec, isCheckc) { var chileNodes = nodec.childNodes; Ext.Array.each(chileNodes, function (nd) { if (nd.hasChildNodes()) { nd.set('checked', isCheck); allChild(nd, isCheckc); } else { nd.set('checked', isCheck); } }); } function allParent(nodep, isCheckp) { if (!isCheckp) { nodep.set('checked', isCheck); if (brothNodesIsTrue(nodep)) { } else { if (nodep.getDepth() > 1) { allParent(nodep.parentNode, isCheckp); } } } else { if (nodep.getDepth() > 1) { nodep.set('checked', isCheck); allParent(nodep.parentNode, isCheckp); } else { nodep.set('checked', isCheck); } } } function brothNodesIsTrue(node) { var flag = false; var brothNodes = node.parentNode.childNodes; Ext.Array.each(brothNodes, function (bn) { if (bn.get('checked')) { flag = true; return false; } }); return flag; } }
监听选择事件:
tree.on('checkchange', function (node, checked) { changeAllNode(node, checked) });
相关文章推荐
- extjs tree check 级联选择
- ExtJS 复选框的tree 结点的级联选择
- 【非常实用】EXTJS TREE 上下级级联选择扩展方法
- Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
- extjs treePanel checkBox级联
- extJS checkBoxColunmTree 可以选择带checkBox的树(tree、grid)
- Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
- ExtJS2.2树的级联选择
- Extjs4 treePanel + checkbox 级联选中
- extjs CheckTree 的相关应用
- ExtJS4.2 下拉列表Combobox级联选择
- ExtJs 省市级联选择代码
- Delphi TRzTreeView 或者TRzCheckTree或者TTreeView离开焦点还显示灰色的选择状态
- ExtJS TreeCheckNodeUI组件的使用 示例
- extJS checkBoxColunmTree 可以选择带checkBox的树(tree、grid)
- Extjs4--Ext.tree.Panel实现可选择树
- 可级联选择tree中的checkBox (flex)
- RzCheckTree中的CheckBox选择事是什么?
- Extjs treepanel 取消选择选中的节点
- RzCheckTree中的CheckBox选择