javascript - 如何限制jstree中所选子节点的数量？

Question

当我点击父节点时，我需要禁用一定数量的选定子节点。

if ($("#chart-type-dd").val() === "Floating Bubbles") {
    if ($('#disaggregate-by').val() == "Description") {
        $("#treeElement").bind("change_event", function (e, d) {
            var node = d.args[0]
            $("#treeElement").set_type("disabled", "#node")
        });
    }
}



$('#' + containerRef).jstree({
    "core": {
        "data": datum
    },
        "dataType": "text",
        "check_callback": true,
        "types": {
        "#": {
            "name": "YO",
                "valid_children": ["folder", "file"]
        },
            "root": {
            "icon": false,
                "valid_children": ["folder", "file"]
        },
            "folder": {
            "icon": false,
                "valid_children": ["folder", "file"]
        },
            "file": {
            "icon": false,
                "valid_children": []
        },
            "types": {
            "disabled": {
                "check_node": false,
                    "uncheck_node": false
            }
        }
    },
        "checkbox": {
        "real_checkboxes": "true"
    },
        "plugins": [
        "unique", "sort", "types", "checkbox"]
});
}

Answer 1

即使您的问题缺乏很多信息，也请查看此 fiddle .

它基本上找到特定元素的所有子元素，然后迭代所有子元素，将它们添加到新类中。

var children = document.getElementById("toto").children;
var limit = 5;
for (var i = 0; i < limit; ++i) {
    if (!children[i]) return;
    children[i].classList.add("off");
}

一旦达到您定义的限制，或者如果在达到限制之前没有更多的子级，循环就会停止。

希望有帮助。

兄弟。