jstree 选中指定节点-yellowcong

来源：互联网发布：和珅知乎编辑：程序博客网时间：2024/06/06 00:34

项目中使用的树框架是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");

阅读全文

1 0