论坛首页 Web前端技术论坛

Extjs 动态选择树的节点

浏览 3389 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-01-14   最后修改:2011-01-14
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;   
	  }   
	}); 


在你需要动态选择的地方调用
Ext.getCmp("tree").getRootNode().reload();

注意:checkedUsers 为一个全局变量,用于存放动态节点id的值。
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics