1

次のデータがあります。

[
{"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 ツリービューを構成する方法を誰か教えてもらえますか? また、剣道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'
});

すべての項目がメイン カテゴリとして表示され、その下に 1 つずつ表示されます。ツリービューでparentIdを使用するにはどうすればよいですか?

4

1 に答える 1

1

ツリービュー項目内に他のデータを埋め込もうとしていますか? その場合、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>
于 2013-02-13T05:33:03.080 に答える