telerik - 获取 Kendo UI Web TreeView 中的复选框列表

Question

如何在 Kendo UI Web TreeView 中获得选中复选框的列表？我在 API 的任何地方都找不到这个功能，但我认为这将是一个非常基本的操作..

Answer 1

实际上没有 API 方法，但您可以使用 jQuery 轻松获取它们。

要获得复选框选定的输入，请使用

$('#treeviewName :checked');

要获取选中的容器li元素，请使用：

$('#treeviewName :checked').closest('li');

获得li元素后，您可以将其传递给 TreeView 的dataItem方法并获取底层模型，从而获取其 ID 或其他属性。

Answer 2

在剑道演示中，他们提供了以下算法：

    // function that gathers IDs of checked nodes
    function checkedNodeIds(nodes, checkedNodes) {
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].checked) {
                checkedNodes.push(nodes[i].id);
            }

            if (nodes[i].hasChildren) {
                checkedNodeIds(nodes[i].children.view(), checkedNodes);
            }
        }
    }

    // show checked node IDs on datasource change
    function onCheck() {
        var checkedNodes = [],
            treeView = $("#treeview").data("kendoTreeView"),
            message;

        checkedNodeIds(treeView.dataSource.view(), checkedNodes);

        if (checkedNodes.length > 0) {
            message = "IDs of checked nodes: " + checkedNodes.join(",");
        } else {
            message = "No nodes checked.";
        }

        $("#result").html(message);
    }

Answer 3

从从树视图收集检查的节点：

var treeview = $("#treeview").data("kendoTreeView");
var checkedNodes = [];

function gatherStates(nodes) {
    for (var i = 0; i < nodes.length; i++) {
        if (nodes[i].checked) {
            checkedNodes.push(nodes[i].id);
        }

        if (nodes[i].hasChildren) {
           gatherStates(nodes[i].children.view());
        }
    }
}

gatherStates(treeview.dataSource.view());

这似乎没有考虑通过级联检查的未扩展节点：checkChildren 属性。