jstree 默认打开所有节点、打开一级和二级首个节点

隔壁的老李_

于 2020-03-13 15:03:18 发布

阅读量2.5k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_32002821/article/details/104841315

版权

本文介绍如何使用jstree插件构建一个风险分类的树形结构，包括树的初始化、节点的选择和事件监听。通过$.post请求获取树的数据，并使用eval解析JSON字符串，实现树的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.post("/Risk/GetRiskVerTree", function (data) {
$.jstree.destroy("#js_tree");
//1、设置左边树
$('#js_tree').jstree({
'core': { 'data': data == "" ? "" : eval("(" + data + ")") },
"plugins": ["search", "state"],
'state':{"opened":true}
})
$("#js_tree").on("ready.jstree", function (e, data) {
//data.instance.open_all();//打开所有节点
data.instance.open_node("C7BAF1E149CB4AD4980E25E54AADF3A4");//打开根节点
data.instance.open_node("6D5241FE0238498492FF3234CBC74545");//打开第一个一级节点
data.instance.select_node("6D5241FE0238498492FF3234CBC74545");//选中第一个一级节点

});

//2、单击左边树
$('#js_tree').on('changed.jstree', function (e, data) {
var node = data.instance.get_node(data.selected[0]);
_fId = node.id;
_cLeng = node.children.length;
GetDataRiskLevel(_fId, _cLeng);
});
});