javascript - jstree 复选框操作

Question

我有一个带有每个节点复选框的 jstree。我想实现以下目标。让我知道哪种方法或 api 的哪一部分可以帮助我们做到这一点。

1. 我不想在选择父节点时检查任何子节点。目前所有的 child 都被选中。
2. 如果检查了任何子节点，则检查其所有父节点。目前父节点得到部分检查(正方形)。我想完全删除部分选择。那就是我想完全改变 jstree 复选框的行为。

我搜索了 API 文档但一无所获。

Answer 1

看看 real_checkboxes 选项。这可能会让你开始:

        $("#jstree").jstree({
           "checkbox": {
              real_checkboxes: true,
              real_checkboxes_names: function (n) {
                 var nid = 0;
                 $(n).each(function (data) {
                    nid = $(this).attr("nodeid");
                 });
                 return (["check_" + nid, nid]);
              },
              two_state: true
           },
           "plugins": ["themes", "json_data", "ui", "checkbox"]
        })
        .bind('open_node.jstree', function (e, data) {
           $('#jstree').jstree('check_node', 'li[selected=selected]');
        })

您可能需要更改绑定(bind)行为，以便在检查子项时检查父项。