ExtJs复选框树，可实现节点选中自动选中父节点子节点（权限树）

最新推荐文章于 2021-05-14 10:10:14 发布

原创

最新推荐文章于 2021-05-14 10:10:14 发布 · 9.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #border #layout #工作

这篇博客分享了一段实现ExtJS复选框树功能的代码，该功能使得当节点被选中时，其子节点会自动被选中，并且根据节点状态更新父节点的选中状态。适用于权限树的场景。

废话不说先贴图，贴代码

index.js

Ext.onReady(function(){
	  var extPanel = new Ext.ux.ExtendTreePanel({
	  	title:'Extend TreePanel',
	  	titleCollapse:false,
	  	progressBar:new Ext.ProgressBar({
	  		text:'Progress'
	  	}),
	  	bbar:[],
	  	root:new Ext.tree.AsyncTreeNode({
			id:'rootNode',
			checked:false,
			allowDrag:false,
			leaf:false,
		    loader: new Ext.tree.TreeLoader(),
			text:'Root Node',
			children:[
						{text:'Child1',
						 leaf:false,
						 checked:false,
						 children:[
						 	  {
								text:'Child11',
								leaf:true,
								checked:false
							  },
							  {
								text:'Child12',
								leaf:true,
								checked:false
							  }
							 ]
						},
						{text:'Child2',
						 leaf:false,
						 checked:false,
						 children:[
						 	 {
								text:'Child21',
								leaf:true,
							 	checked:false