jstree复选框checkbox选中和节点选择相互独立

这篇文章主要介绍了 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 节点的点击变化。