Kendo UI Treeview 无法正确显示日期

Question

我正在尝试从 mvc 控制器显示我的 json，以显示在选中的 kendo ui 树视图上。下面给出asp.net mvc视图上的代码和发送到视图的json

MyDoc.cshtml code
<script>                   
            $("#treeview").kendoTreeView({
                checkboxes: {
                    checkChildren: true,                       
                },
                dataSource: {
                    //type: "odata",
                    transport: {
                        read: {
                            url: '@Url.Content("~/Document/GetMyDocs")',
                            type: "post",
                            dataType: "json"
                        }
                    },                        
                    schema: {
                        model: {
                            id: "id", text:"Name",
                            children: "Files"
                        }
                    }
                },
                dataTextField: [ "Name"],
                check: onCheck              
            });

json object
        [{"id":1,"Name":"Checking",
        "Files":[{"Filename":"doc10","id":"1afd5a4f-086f-44d2-9287-8098384e379e"},
        {"Filename":"doc11","id":"89ea3366-14b8-4e91-8273-6e2a51fbe516"}]},
        {"id":2,"Name":"Saving",
        "Files":[{"Filename":"doc20","id":"c7a88f5d-067e-4f20-93b6-da6eff69d532"},
        {"Filename":"doc21","id":"8a0a62ed-1b4a-4e5e-8d59-d57a975a7ab0"}]}]

当我查看页面时，仅显示顶级文本“正在检查”和“正在保存”。文件下显示的日期未定义。

谢谢

Answer 1

看起来 Kendo UI 使用 dataTextField: [ "Name"] 作为父节点和子节点。由于子数据中的 json 没有等于“名称”的字段名称，因此它显示为未定义。一旦我将属性“文件名”更改为“名称”，它就起作用了。 Telerik 的文档与其他第三方控件一样残暴。他们所有的演示都更倾向于展示使用少量硬编码数据创建一个外观性感的 UI 是多么容易，而不是展示如何创建一个真实世界的应用程序！