jstree初始化以及回显

1.当选中后,如何回显或者初始化到jstree呢

            //jstree初始化
var $tree =$('#jstree').jstree({
	'core' : {
	    "multiple" : true,
	    "animation" : 0,
	    "themes" : { "icons":true ,"stripes":false},
	    'data' : {
	        "url" :   xx/xx/xx"${ctx}${url}${fn:indexOf(url,'?')==-1?'?':'&'}&extId=${extId}&isAll=${isAll}&module=${module}&t="+ new Date().getTime(),
                //获取数据地址,根据自身选择变化    
               "dataType" : "json" // needed only if you do not supply JSON headers
		 }
	},
	  'plugins' : ['types' ,"search", <c:if test="${checked==true}">'checkbox',</c:if> 'wholerow'],
	  "types":{ 
		'default' : { 'icon' : 'fa fa-file-text-o' }, 
			'1' : {'icon' : 'fa fa-home'},
			'2' : {'icon' : 'fa fa-umbrella' },
		        '3' : { 'icon' : 'fa fa-group'},
			'4' : { 'icon' : 'fa fa-eur' },
			'btn':{'icon' : 'fa fa-square'}
				} 

		}).on('loaded.jstree', function(e, data){
			    
                var inst = data.instance;
                var obj = inst.get_node("${officeId}");
                inst.select_node(obj);
            });

2.最主要的就是初始化后面的加载事件

.on('loaded.jstree', function(e, data){
		 var inst = data.instance;
                var obj = inst.get_node("所需要的树的id");
                inst.select_node(obj);
      });

说明

 var inst = data.instance; 获取树实例对象

inst.get_node("所需要的树的id"); 只要将这里的所需要树的id,动态设置需要回显的id即可

inst.select_node(obj); 设置选中的节点

 

3.初始化根对象(最高父级)

on('loaded.jstree', function(e, data){  
    var inst = data.instance;  
    var obj = inst.get_node(e.target.firstChild.firstChild.lastChild);  
    inst.select_node(obj);  
});   

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值