在不触发 select_node 事件的情况下选择 jsTree 节点

Question

我有一个 jsTree，当用户点击一个节点时，它会触发 select_node 事件。但是，我还有一个列表，其中包含一些带有 jsTree 中节点 ID 的条目。在此列表中选择一个条目时，我只需要从树中选择节点而不触发 select_node 事件。根据文档，select_node api 有 3 个参数

https://www.jstree.com/api/#/?q=(&f=select_node(obj[, supress_event, prevent_open])

obj：混合数组可用于选择多个节点
supress_event： 布尔值，如果设置为 true，则不会触发 changed.jstree 事件
prevent_open： 布尔值，如果设置为 true 所选节点的父节点将不会打开

但是，它并没有谈到抑制 select_node 事件。有什么建议吗？

Answer 1

我在这里看到两个选项：

1. 在您从代码中手动选择节点时暂时禁用您的 select_node 事件处理程序。
2. 使用changed 事件而不是select_node 事件并使用抑制标志。

Answer 2

我不知道是否有更好的方法来完成它，但我是这样做的：

我没有使用 select_node 函数，而是编写了一个函数，它获取节点的 ID，然后将其打开，将其设置为选中，然后递归地打开父节点。

$('#TreeDiv').jstree(true).open_node(actualId);
$('#TreeDiv').jstree(true).get_node(actualId).state.selected = true;
var parent = $('#TreeDiv').jstree(true).get_parent(actualId);
while (parent.length > 0) {
    $('#TreeDiv').jstree(true).open_node(parent);
    parent = $('#TreeDiv').jstree(true).get_parent(parent);
}

Answer 3

您可以使用以下内容；它对我有用

$('#TreeDiv').jstree("select_node", actualId, true);

根据 jsTree 官方文档，select_node 方法接受 Boolean 值作为第二个参数，指示是否应抑制相应的事件。见this page。