jstree 选中指定节点-yellowcong

项目中使用的树框架是Jstree,经常会遇到默认选中节点的问题，刚开始使用Jstree的同学，肯定是会被官方的API坑哭了，JsTree官方API,这篇文章介绍jstree 默认某个节点选中，和如何用一个id做多次创建Tree数据

例子

$('#dailogTvmTree').jstree({
        'core': {'check_callback':true,
                'multiple':false,
                "expand_selected_onload":true,
                'data': treeData },
    }).on('select_node.jstree', function (e, data) {
    }).on("loaded.jstree", function (event, data) {
        //这两句化是在loaded所有的树节点后，然后做的选中操作，这点是需要注意的，loaded.jstree 这个函数
        //取消选中，然后选中某一个节点
        $("#dailogTvmTree").jstree("deselect_all",true);
    //$("#keyKamokuCd").val()是选中的节点id，然后后面的一个参数 true表示的是不触发默认select_node.change的事件 
        $('#dailogTvmTree').jstree('select_node',$("#keyKamokuCd").val(),true);
    });

使用后的结果

注意

当时多次调用创建树节点，并使用的是同一个ID的时候，一定要销毁tree

//这两句是销毁dialog和销毁树，我们使用下一句
$(this).dialog('destroy');
                $('#dailogTvmTree').jstree("destroy");

$('#' + dialog).dialog(
            {title: "xx結果"
            ,bgiframe: true
            , modal: true
            ,draggable: true
            ,resizable: false
            ,autoOpen:false
            ,width: 1000
            ,height: 710
            ,overlay:{ opacity:0.5, background:'#C0C0C0' }
            ,close: function () {
                $(this).dialog('destroy');
                $('#dailogTvmTree').jstree("destroy");
            }
        });

    $('#' + dialog).dialog("open");