javascript - child 没有出现在 KendoTreeView Web 中

Question

//treeview source
function populateTreeView(search) {
    debugger;

    var tree = $("#tvwResults").kendoTreeView({
        dataTextField: [{
            text: search.columnName,
            items: [{
                text: "activemeters"
            }]
        }],
        select: function (e) {
            console.log("Selecting ", e.node)
        },
        animation: {
            expand: {
                effects: "fadeIn expandVertical",
                duration: 600
            }
        }

    }).data("kendoTreeView");
    $.getJSON("http://127.0.0.2:6080/arcgis/rest/services/WW/WW2/MapServer/exts/RestSOE/Search%20Query?columnName=" + search.columnName + "&operand=" + search.operand + "&searchVal=" + search.searchVal + "&f=", function (data) {
        tree.dataSource.data(data);
    });
};

我真的在这里错过了一些东西。我可以在根节点中看到结果，显示了两条记录，但是，“activemeters”子节点没有出现。我绊倒并感谢您的帮助。希望使用 KendoUI 将这些结果推送到枢轴网格中是一个很大的挫折，但控件不存在。我只需要两列，第一列列出表列名称，第二列显示详细信息。非常感谢您的帮助，在这里学习了很多。

Answer 1

您显示的 JSON 不足以说明您的层次结构是如何工作的，因为它只是 1 个级别的 1 个节点，但是您定义的 dataTextField 不正确。当它被指定为一个数组时，它应该是一个字符串数组，它告诉 Treeview 在每个深度级别使用哪个字段作为节点的显示名称。

我想你想要这样的东西:

var tree = $("#tvwResults").kendoTreeView({
    dataTextField: ["Account Num", "activemeters"],
    select: function (e) {
        console.log("Selecting ", e.node)
    },
    animation: {
        expand: {
            effects: "fadeIn expandVertical",
            duration: 600
        }
    }
}).data("kendoTreeView");                                        

tree.dataSource.data([
    {
        "Account Num": "210663845",
        "Address": "9 COUNTRY RD",
        "City": "HAMDENEE",
        "Name_1": "ANDREW SMITH",
        "Name_2": "",
        "Street": "GREEN ST",
        "Street Num": "25",
        "items": [
            {"activemeters": "T30619-00T|30078309"}
        ]
    }
]);