Ext.tree.TreePanel 对复选框的处理(Tree)

最新推荐文章于 2018-09-10 19:03:25 发布

原创最新推荐文章于 2018-09-10 19:03:25 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ExtJs

Web 专栏收录该内容

145 篇文章

订阅专栏

本文介绍如何在ExtJS框架中使用TreePanel组件，并通过监听checkchange事件来实现对节点选择状态的管理。具体实现了当节点被选中或取消选中时，分别将对应的ID加入到两个不同的数组中（已选数组myArrayyes和未选数组myArrayno），并确保每个数组内不出现重复项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Ext.tree.TreePanel中,

         listeners: {
                    checkchange:function(node,checked){
	                    if(checked&&myArrayyes.indexOf(node.raw.id)==-1){//没有
	                    	myArrayyes[i++] = node.raw.id;
	                    	if(myArrayno.indexOf(node.raw.id)!=-1){//有
	                    		myArrayno.splice(myArrayyes.indexOf(node.raw.id), 1);
	                    		j--;
	                    	}
	                    }else if(myArrayno.indexOf(node.raw.id)==-1){//没有
	                    	myArrayno[j++] = node.raw.id;
	                    	if(myArrayyes.indexOf(node.raw.id)!=-1){//有
	                    	myArrayyes.splice(myArrayyes.indexOf(node.raw.id), 1);
	                   			i--;
	                    	}
	                    }
                    }
                 }

其中:

var myArrayyes = new Array();
var myArrayno = new Array();
var i = 0;
var j = 0;