kendo Treelist不断告诉显示器没有记录

Question

我打算使用telerik的一些kendo控件,我开始玩Treelist控件.我是用Visual Studio 2013 VB或C#做的.

计划是创建一个发送一些(序列化)数据的Web服务,用户必须手动按下一个按钮,该按钮链接到POSTS数据的$ Ajax请求.该数据应传递给树形图.

但无论我尝试什么,它一直告诉我: No Records to Display

问题:

1为什么我提供的样品不起作用.我几乎完全复制了一个演示版.

2您是否需要一个独立的数据源,或者您是否也可以将数据直接放入树形图中？

提前致谢.

里克(荷兰)

样品:

`<script type="text/javascript">
 $(document).ready(function () {
      var dataSource = new kendo.data.TreeListDataSource({
         data: [
             { "Item": "Item0", "id": 0, "ParentId": null },
             { "Item": "Item1", "id": 1, "ParentId": 0 },
             { "Item": "Item2", "id": 2, "ParentId": 1 },
             { "Item": "Item3", "id": 3, "ParentId": 1 },
             { "Item": "Item4", "id": 4, "ParentId": null },
             { "Item": "Item5", "id": 5, "ParentId": null },
             { "Item": "Item6", "id": 6, "ParentId": 5 },
             { "Item": "Item7", "id": 7, "ParentId": 5 },
             { "Item": "Item8", "id": 8, "ParentId": 7 },
             { "Item": "Item9", "id": 9, "ParentId": 7 }
         ],
         schema: {
             model: {
                 id: "id",
                 expanded: true
             }
         }
     });

     $("#treelist").kendoTreeList({
         dataSource: dataSource,
         height: 540,
         columns: [
             { field: "Item" },
             { field: "id" },
             { field: "ParentId" }
         ]
     });
 });

</script>

Answer 1

如果它是顶级记录,parentId也需要为null.那真的让我失望了.

Answer 2

@ user4659712是的,您可以定义架构.只要你通过模式告诉parentId就可以是任何东西:

     vm.treeListDataSource = new kendo.data.TreeListDataSource({
         data: organizations,
         schema: {
             model: {
                 id: "Id",
                 fields: {
                     Id: { type: "number", nullable: false },
                     parentId: { field: "OverliggendeId", nullable: true }
                 },
                 expanded: true
             }
         },
         pageSize: 20
     });