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

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【extjs关于treePanel+chekBox全部选中以及清空选中问题探讨】，下面是详细的讲解！

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

//树
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);
}
}]

var treeCheckTrue=function(node)
{
node.eachChild(function (child) {
child.getUI().toggleCheck(true);
child.attributes.checked=true;
treeCheckTrue(child);
});
}

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;
}
}
}

关于extjs关于treePanel+chekBox全部选中以及清空选中问题探讨的用户互动如下：

　　相关问题：ext 判断treepanel是否有被选中的项

　　答：如果是extjs4的话用 treepanel的 getView().getSelectionCount() 获取当前选中节点数量,如果为0则是没有被选中的 >>详细

　　相关问题：ExtJs treepanel 获取选中项

　　答：//首先给treepanel加个idid: 'tree'//按钮的监听Ext.create('Ext.button.Button'){ handler: function(){ //获取树的选中项 var a = Ext.getCmp('tree').getSelectionModel().getSelection(); for(var i=0;i >>详细

　　相关问题：EXTJS的Tree，当子节点全部取消，父节点也取消？求...

　　答： Ext.onReady(function() { var windowWidth = 1000; var windowHeight = 500; var tree = new Ext.tree.TreePanel({ width : windowWidth / 3, height : windowHeight, title : "测试", root : new Ext.tree.AsyncTreeNode( { text : "请选择功... >>详细