jquery - 更改 Kendo Treeview 中节点的文本

Question

到目前为止，这是我所拥有的，但似乎不起作用:

var dataSource = treeView.dataSource;
var dataItem = dataSource.get(parseInt($('#nodeId' + '@guid').val(), 10));
var node = treeView.findByUid(dataItem.uid);
treeView.select(node);
treeView.text(node, "ChangedText");

Answer 1

您可以使用 Treeview 的 text 方法或通过设置数据项上的属性来更改它:

var tree = $("#treeview").kendoTreeView({
    dataSource: inlineDefault,
    loadOnDemand: false
}).data("kendoTreeView");

// change using treeView.findByText and treeView.text
$("#change").click(function () {
    var searchString = "Sofas";

    $(tree.findByText(searchString)).each(function () {
        tree.text(this, "Thrones");
    });
});

// change using the data source
$("#change2").click(function () {
    var searchString = "Sofas";

    var dataItem = tree.dataSource.data()[0].items[1];
    dataItem.set("text", "Thrones");    
});

您需要将 loadOnDemand 选项设置为 false 以搜索树，否则只有在展开相关分支时才会创建 DOM 元素。

( demo )