这篇文章主要介绍了 jstree插件checkbox仅点击checkbox选中和文本分离和jstree只能点击checkbox选中的实现方法
在默认情况下,jstree 每次点击节点都会选中当前节点前的 checkbox
jstree version
console.log($.jstree.version);
// 3.3.8
jstree Plugins checkbox
参考官方 api 文档,找到这两个参数
$.jstree.defaults.checkbox.whole_node
一个布尔值,指示是否单击节点上的任何位置都应相当于单击复选框。默认为 true。
$.jstree.defaults.checkbox.tie_selection
此设置控制复选框是否绑定到常规树选择或复选框插件维护的内部数组。默认为 true,在您确切知道自己在做什么时才设置为 false 。
示例:
$("#jstree").jstree({
"core" : {
},
"plugins" : ['checkbox'],
"checkbox" : {
"tie_selection": false,
"whole_node": false
}
});
要注意的地方:
当设置这两个参数后,调用 监听 on('changed.jstree') 方法时同样不监听 checkbox 的选中,只会监听 node 节点的点击变化。