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

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

phiberg

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

阅读量9.7k

点赞数

分类专栏： ExtJS 文章标签： extjs function border layout 工作

本文链接：https://blog.csdn.net/phiberg/article/details/7067904

版权

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

摘要由CSDN通过智能技术生成

废话不说先贴图，贴代码

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:[