源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

  • 时间:2022-06-04 13:28 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
[u]复制代码[/u] 代码如下:
//树 var treePanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree(treePanel); /*渲染树*/ }, checkchange: function(node, state) { if (node.parentNode != null) { //选中子节点让相应的父节点选中 var pNode = node.parentNode; if (state || treePanel.getChecked(id, pNode) == "") { pNode.ui.toggleCheck(state);// 触发父节点被选中 pNode.attributes.checked = state; } } treeId = node.attributes.id; treeName = node.attributes.text; } } }); //操作按钮 tbar: [{ id: 'btnQingKong', text: '清空', iconCls: 'winupdate-icon', handler: function() { var nodes = Ext.getCmp('ptree').getChecked(); if (nodes && nodes.length) { for (var i = 0; i < nodes.length; i++) { //设置UI状态为未选中状态 nodes[i].getUI().toggleCheck(false); //设置节点属性为未选中状态 nodes[i].attributes.checked = false; } } } },{ id: 'btnQuanXuan', text: '全选', iconCls: 'winupdate-icon', handler: function() { var nodeT = Ext.getCmp('ptree').getRootNode(); treeCheckTrue(nodeT); } }] /** *checkTree全选 */ var treeCheckTrue = function(node) { node.eachChild(function (child) { child.getUI().toggleCheck(true); child.attributes.checked = true; treeCheckTrue(child); }); } /** *checkTree清空 */ var treeCheckfalse = function(tree) { var nodes = tree.getChecked(); if(nodes && nodes.length){ for(var i=0;i<nodes.length;i++){ //设置UI状态为未选中状态 nodes[i].getUI().toggleCheck(false); //设置节点属性为未选中状态 nodes[i].attributes.checked=false; } } }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部