Extjs 动态选择树的节点

最新推荐文章于 2021-03-04 01:54:31 发布

最新推荐文章于 2021-03-04 01:54:31 发布 · 165 阅读

文章标签：

#EXT

Ext js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ExtJS框架中的TreePanel组件来实现动态加载数据，并通过全局变量checkedUsers来标记已选节点。具体实现涉及配置TreePanel属性及监听加载事件。

var deptUserData = [];
<s:if test="deptUserData!=null">
deptUserData=<s:property value="deptUserData"/>;
</s:if>
//参与者树
	var tree = new Ext.tree.TreePanel({
	    id: 'tree',
	    onlyLeafCheckable: true,// 只对叶子节点可选
        animate: false, // 动画效果
        rootVisible: false,
        autoScroll: true,
        disabled: false,
        width: 620,
        height: 300,
		//frame:true,
        border: true, // 边框
        lines:true,
        //checkModel: 'single',
        loader: new Ext.tree.TreeLoader({
			baseAttrs: {
			    uiProvider: Ext.ux.TreeCheckNodeUI
			}
		}),
	    renderTo:'assignTree',
	    root: deptUserData
	});

	tree.getRootNode().on('load',function(rootNode){    
	  rootNode.expand();   
	  for(var i = 0;i < checkedUsers.length;i++){  
	    tree.getNodeById(checkedUsers[i]).getUI().checkbox.checked=true;   
	  }   
	});