您的位置:首页 > Web前端 > JavaScript

jstree的一个坑 关于恢复选中的节点

2018-02-24 18:39 134 查看
代码:

        
        $(function(){
       
        var menuIds = /*[[${menuIds}]]*/ ''; 
             console.info(menuIds);
             console.info(menuIds.join(','));
        var treeJsonUrl = /*[[@{/menu/treeJson}]]*/ '';  
        //加载树
      $('#jstreeDiv').jstree({
      'core' : {
      "multiple" : true, // no multiselection
      "expand_selected_onload" : true,
      "data" : 
      {
      "dataType" : "json",
                 "url" : treeJsonUrl,
      }
      ,
      "strings": {  
                       'Loading ...' : '正在加载...'  
                }
      },
      "plugins" : ["checkbox","dnd","search", "sort", "wholerow", "state", "changed", "multiselect"]
      }).on('select_node.jstree', function (e, data) {
     
        }).on("ready.jstree", function (event, data) {
           //这两句化是在loaded所有的树节点后,然后做的选中操作,这点是需要注意的,ready.jstree 这个函数
           //取消选中,然后选中某一个节点
           $("#jstreeDiv").jstree("deselect_all",true);
           $('#jstreeDiv').jstree('check_node',menuIds,true);
     
     });
         
       
        });

        
恢复选中节点 使用  ready.jstree
.on("ready.jstree", function (event, data) {
            //这两句化是在loaded所有的树节点后,然后做的选中操作,这点是需要注意的,ready.jstree 这个函数
            //取消选中,然后选中某一个节点
            $("#jstreeDiv").jstree("deselect_all",true);
            $('#jstreeDiv').jstree('check_node',menuIds,true);
         
      });
           
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: