概述
jstree API 属性、方法、事件、插件
https://www.jstree.com/api/
jstree API 事件
https://www.jstree.com/api/#/?q=jstree Event
jstree中文github文档
https://blog.csdn.net/qq_24472595/article/details/70053863
jsTree 核心功能(core functionality) API
https://www.cnblogs.com/annkiny/p/7825866.html
jsTree初始前清空数据
$('#checkMenuTree').data('jstree', false).empty();
jsTree初始
$('#checkMenuTree').data('jstree', false).empty();
$('#checkMenuTree').jstree({
'core' : {
'data' : {
//"url" : "./root.json",
"url" : contextPath + "/menu/getJsTreeNodeListAll.json?time="+new Date().getTime(),
//"type" : "post",
"dataType" : "json" // needed only if you do not supply JSON headers
}
},
"plugins" : ["checkbox"]
});
jsTree选择事件
$('#checkMenuTree').on("changed.jstree", function (e, data) {
//选中节点的id
console.log(data.instance.get_selected(true)[0].id);
//选中节点的text
console.log(data.instance.get_selected(true)[0].text);
console.log(data.instance.get_node(data.selected[0]).id);
console.log(data.instance.get_node(data.selected[0]).text);
});
jsTree加载完成事件
1.41. loaded.jstree ( Event ? )
当根节点(root)第一次加载时触发。
1.42. ready.jstree ( Event ? )
当所有节点都加载完毕时触发
//$('#checkMenuTree').on("loaded.jstree", function () {
$('#checkMenuTree').on("ready.jstree", function () {
//$('#checkMenuTree').jstree(true).open_all();
$('#checkMenuTree').jstree('open_all');
$.each(menuIds,function(index,data){//遍历数据
var node = $('#checkMenuTree').jstree("get_node", data);
var isLeaf = $('#checkMenuTree').jstree("is_leaf", node);
if(isLeaf){
$('#checkMenuTree').jstree('check_node', data);
}
});
});
jsTree展开所有节点
$('#checkMenuTree').jstree(true).open_all();
$('#checkMenuTree').jstree('open_all');
jsTree获取节点
$('#checkMenuTree').jstree("get_node", id);
jsTree判断是否是叶子节点
$('#checkMenuTree').jstree("is_leaf", node);
jsTree选择节点
复选框
$('#checkMenuTree').jstree('check_node', id);
非复选框的
$('#jstree').jstree(true).select_node('mn1');
$('#jstree').jstree('select_node', 'mn2');
jsTree刷新
$('#checkMenuTree').jstree().refresh();
jsTree获取选择节点
复选框
var checkedNodes = $('#checkMenuTree').jstree('get_checked',true);
非复选框
get_selected ([full])
jsTree获取半选节点,获取不确定的节点
var indeterminateNodes = $('#checkMenuTree').jstree('get_undetermined', true);
最后
以上就是虚心跳跳糖为你收集整理的jsTree API,属性,方法,事件,插件,常用方法的全部内容,希望文章能够帮你解决jsTree API,属性,方法,事件,插件,常用方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复