Kendo UI TreeView 自定义属性

Question

我有一个使用本地数据绑定的剑道树

使用我拥有的代码一切正常。

但是，我正在尝试向生成的项目添加自定义属性，例如data-name.

我怎样才能做到这一点kendo.data.HierarchicalDataSource？

// bind kendo tree
var treeDataSource = new kendo.data.HierarchicalDataSource({
    data: [{ Id: "id", Text: "Node 1", HasChildren: false, ChildrenFolders: [], HtmlAttributes: { "data-name": "Custom Name" } }],
    schema: {
        model: {
            children: "ChildrenFolders",
            hasChildren: "HasChildren",
            id: "Id",
            htmlAttributes: "HtmlAttributes"
        }
    }
});

this.kendoTreeView = $("#tree").kendoTreeView({
    dataSource: treeDataSource,
    dataTextField: "Text",
    loadOnDemand: false
}).data("kendoTreeView");

Answer 1

您必须替换树视图小部件中的项目模板，不幸的是这意味着替换整个_template方法。我建议手动创建 DOM 结构（如此处所做的那样），这样您就可以在初始化树视图之前设置属性。另一种选择是使用树视图的模板选项（在这种情况下，您只能在子元素上添加属性）。