jstree 启用节点及其子节点

jstree Enable a node and its children

本文关键字：子节点 节点 启用 jstree      更新时间：2023-09-26

我正在使用：

jstree("disable_node", "#" + NodeID);

禁用 JSTREE 中的节点。 并使用：

jstree("enable_node", "#" + NodeID);

以启用节点。

有没有一种简单的方法来disable/enable节点及其子节点？

谢谢

您可以使用以下代码进行操作。检查演示 - 小提琴。

  1. 编写递归函数来迭代多级结构

    function changeStatus(node_id, changeTo) {
    var node = $("#tree").jstree().get_node(node_id);
    if (changeTo === 'enable') {
        $("#tree").jstree().enable_node(node);
        node.children.forEach(function(child_id) {
            changeStatus(child_id, changeTo);
        })
    } else {
        $("#tree").jstree().disable_node(node);
        node.children.forEach(function(child_id) {
            changeStatus(child_id, changeTo);
        })
    }
}

  2. 调用函数取决于您的需求

    changeStatus(NodeID, 'enable');

    或

    changeStatus(NodeID, 'disable');

我根据jstree有关get_node函数的文档编写了一个简单的JS函数，并jstree JSON数据格式，该格式enable/disable输入节点及其在任何级别中的所有子节点：

    NodeToggleEnable = function (node_id, enable) {
        var tree = $("#jstree-locations");
        var sub_tree = [node_id.toString()];
        var index = 0;
    while (index < children.length) {
        var child = tree.jstree("get_node", "#" + children[index]).children;
        sub_tree = sub_tree.concat(child);
        if (enable == false)
            tree.jstree("disable_node", "#" + sub_tree[index]);
        else
            tree.jstree("enable_node", "#" + sub_tree[index]);
        index++;
    }
}

此函数使用get_node函数选择的节点的children（字符串或对象数组）属性。

相关文章：