kendo-ui - kendo Treelist 一直告诉没有记录要显示

Question

我打算使用 Telerik 的一些剑道控件，并开始使用 Treelist 控件。我正在使用 Visual Studio 2013 VB 或 C# 执行此操作。

计划是创建一个发送一些(序列化)数据的 web 服务，用户必须手动按下一个按钮，该按钮链接到一个 $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。这真的让我绊倒了。