Kendo ui 为我的json数据配置kendo ui treeview

我有以下数据：

[
{"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"}
]

有人能告诉我如何为上述数据配置kendo ui treeview吗？ 还有，有没有可能在剑道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'
});

所有项目都显示为主类别，一个在另一个的正下方。

---

如何让treeview使用parentId？

您是否试图在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>

#：item.id#
#：item.parentId#
#：item.name#
#：item.hasItems#

您是否试图将其他数据嵌入到树视图项中？如果是这样，您的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>

#：item.id#
#：item.parentId#
#：item.name#
#：item.hasItems#

Jude，谢谢你的帮助。我没有使用MVC。请看我的更新。你能帮我设置吗？我在寻找相同的答案，@Timothylerussell你找到答案了吗，如果是，请分享一下好吗？@Jain我决定换一种方式，现在我使用角度指示来处理剑道树视图。Jude，谢谢你的帮助。我没有使用MVC。请看我的更新。你能帮我设置吗？我在寻找相同的答案，@Timothylerussell你找到了吗，如果是的话，你能分享一下吗？@Jain我决定走另一条路，现在我使用角度指令来处理剑道树视图。