Question

我希望从我的jstree中获取2个独立数组中的已检查节点和未经检查的节点。

我看过.get_checked和.get_unchecked函数，但它们返回了我目前检查和取消选中的所有节点。（即如果一个节点未经检查而且我没有取消选中它，那么我仍然使用.get_unchecked得到它。我想防止这种情况发生）。我也准备好对api进行重大修改。任何指示？

我可以获取复选框的更改事件。我也尝试了change_state，但这只适用于单击的一个节点。

Answer 1

据我所知，如果没有重写jstree的复选框插件来处理复选框的单个事件几乎是不可能的，因为它们只是在每个check / uncheck事件上重绘所有被点击文件夹的父项和子项。

这里是简单的demo：

一切都适合我，

HTML

<div id="demo1" class="demo">
    <ul>
        <li id="phtml_1">
            <a href="#">Root node 1</a>
            <ul>
                <li id="phtml_2" class="jstree-checked">
                    <a href="#">Child node 1</a>
                </li>
                <li id="phtml_3">
                    <a href="#">A Child node 2</a>
                </li>
            </ul>
        </li>
        <li id="phtml_4">
            <a href="#">Root node 2</a>
             <ul>
                <li id="phtml_2" >
                    <a href="#">Child node 1</a>
                </li>
                <li id="phtml_3">
                    <a href="#">A Child node 2</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

JS

$(function() {
    var tree = $("#demo1").jstree({
        "plugins": ["themes", "html_data", "checkbox", "sort", "ui"]
    });
    tree.bind("open_node.jstree close_node.jstree check_node.jstree uncheck_node.jstree", function(e) {
        console.log("Event", e);
        console.log('Cheked:', tree.jstree('get_checked'));
        console.log('Uncheked:', tree.jstree('get_unchecked'));
    });
});

Answer 2

这个帖子或其他帖子的答案都不适合我，但找到了一种扫描节点并维护一系列未选中项目的方法。

我的方法是首先迭代地获取所有节点的列表，然后我引用了此 answer 中的代码来获取节点列表（通过我自己的调整来递归地遍历整个树，因为 OP没有进入嵌套级别，而且我只想要 ID）。

然后我得到了一个带有过滤功能的 li 标签，用于所有点击的和未确定的项目以及一个 for 循环，在其中我从我之前检索的主列表中删除了这些。

$("#getUnchecked").bind("click", function () {

  //get a list of all nodes in the entire tree recursively - function in fiddle.
  ids = get_jstree_order('#tree > ul');

  var selNodes = $('li').filter(function () {
      //Find nodes that have jstree-clicked - or clicked items and
      //Find nodes that are undetermined
      return $(this).children('a.jstree-clicked').length
          || $(this).children('a').children('i.jstree-undetermined').length;
  });
  selNodes.each(function () {
      //find the position of the checked or undetermined id 
      let pos = ids.indexOf(this.id);
      //remove it from the master list, as we are filtering it down to just the unchecked ones
      ids.splice(pos, 1);
  })

  console.log(ids);
});

有关工作示例，请在此处查看 fiddle。

jstree获取已检查和未选中的节点

2 个答案: