Kendo UI HierarchicalDataSource架构无法正常工作

时间:2013-12-11 12:59:41

标签: javascript jquery kendo-ui kendo-treeview

我有一个剑道树,我试图将它绑定到本地json arrray。

尝试将我的json对象属性映射到treeView所期望的不起作用。

" text"的值property是函数定义(function (item){ return item.Text; })函数本身没有被评估

jsfiddle

HTML:

<div id="tree"></div>

使用Javascript:

var data = [
    {
       "Text": "Some dummy text"
    }
];

var inlineDefault = new kendo.data.HierarchicalDataSource({
    data: data,
    schema: {
        model: {
            text: function(item){
                return item.Text;
            }
        }
    }
});

$("#tree").kendoTreeView({
    dataSource: inlineDefault
});

2 个答案:

答案 0 :(得分:1)

使用TreeView dataTextField定义数据的位置,而不是在数据源中使用投影:

var data = [
    {
       "Text": "Some dummy text"
    }
];

var inlineDefault = new kendo.data.HierarchicalDataSource({
    data: data
});

$("#tree").kendoTreeView({
    dataTextField: "Text",
    dataSource: inlineDefault
});

答案 1 :(得分:0)

不支持以这种方式定义架构模型 - 请参阅选项here,分层数据源的附加字段here以及有关如何创建树视图的示例here