如何在 JS 树库中隐藏复选框

Question

我需要隐藏一些通过 JSTree 库呈现的复选框。

这是HTML：

<div id="tree">
    <ul>
        <li id="folder_1">Folder 1
            <ul>
                <li id="child_1">Child 1</li>
                <li id="child_2">Child 2</li>
            </ul>
        </li>
        <li id="folder_2">Folder 2</li>
    </ul>
</div>

这是 JS：

$(function () {
    $("#tree").jstree({
        "checkbox": {
            "keep_selected_style": false
        },
            "plugins": ["checkbox"]
    });
    $("#tree").bind("changed.jstree",
    function (e, data) {
        alert("Checked: " + data.node.id);
        alert("Parent: " + data.node.parent); 
        //alert(JSON.stringify(data));
    });
});

我需要隐藏文件夹 1 中的复选框（子项 2），但显示子项 2 但没有复选框。我包括 jsfiddle link.

Answer 1

您可以添加 css class 来删除复选框。

<li id="" class="no-checkbox">Child 2</li>

CSS:

.no-checkbox i.jstree-checkbox {
  display:none;
}

这是一个LINK

Answer 2

VTodorov 给出的以上答案对我有帮助，但它会禁用所有父复选框。

所以这里是改进的方法

CSS:

.no-checkbox > a > i.jstree-checkbox {
   display:none;
}

如何在 JS 树库中隐藏复选框

How to hide a checkbox in JS Tree Library

css

jquery

jstree