配置剑道UI树视图我的JSON数据

Question

，我有以下数据：

[ 
{"id":1,"parendId":0,"name":"Foods","hasItems":"true}, 
{"id":2,"parentId":1,"name":"Fruits","hasItems":"true"}, 
{"id":3,"parentId":1,"name":"Vegetables","hasItems":"true"}, 
{"id":4,"parentId":2,"name":"apple","hasItems":"false"}, 
{"id":5,"parentId":2,"name":"orange","hasItems":"true"}, 
{"id":6,"parentId":3,"name":"tomato","hasItems":"true"}, 
{"id":7,"parentId":3,"name":"carrot","hasItems":"true"}, 
{"id":8,"parentId":3,"name":"cabbage","hasItems":"true"}, 
{"id":9,"parentId":3,"name":"potato","hasItems":"true"}, 
{"id":10,"parentId":3,"name":"lettuce","hasItems":"false"} 
] 

谁能告诉我怎么能对上述数据配置剑道UI树视图？ 此外，是否有可能在kendo ui下拉列表中包含此树视图？

更新：

这是我迄今为止...

categories = new kendo.data.HierarchicalDataSource({ 
    transport: { 
     read: { 
      url: UrlThatFetchesData 
     } 
    }, 
    schema: { 
     model: { 
      id: 'id', 
      parentId: 'parentId', 
      name: 'name' 
     } 
    } 
}); 

$('#tvCategories').kendoTreeView({ 
    dataSource: categories, 
    dataTextField: 'name', 
    dataValueField: 'id' 
}); 

所有项目都显示为主要类别，一个正下方的其他。 如何获取树视图以使用parentId？

Answer 1

您是否试图在treeview项目中嵌入其他数据？如果是这样的话，你的KendoTreeview应该是这样的：

@( Html.Kendo().TreeView() 
          .Name("Treeview") 
          .DataTextField("name") //display text 
          .DataSource(dataSource => dataSource 
           .Read(read => read 
           .Action("ActionThatFetchesData", "ControllerName") 
           ) 
          ) 
          .TemplateId("treeview-template") //name of the template 
          ) 

然后用剑道模板，将显示JSON

<script id="treeview-template" type="text/kendo-ui-template"> 
    <span>#: item.id#</span> 
    <span>#: item.parentId#</span> 
    <span>#: item.name#</span> 
    <span>#: item.hasItems#</span> 
</script>