extjs tree check 级联选择
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) });
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。