剑道树列表一直告诉没有记录显示

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，如果它是顶级记录。这真的把我绊倒了。

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
     });

Answer 3

这归结为一个简单的拼写错误，"ParentId"需要是parentId（注意小写p）。

有关工作版本，请参阅此道场。

http://dojo.telerik.com/uWaSO

我以前犯过这个规。

Answer 4

我们不要忘记模型定义中的"parentId"字段。我们不必以这种方式更改 JSON 属性（ParentId 也需要在字段中描述）：

var dataSource = new kendo.data.TreeListDataSource({
        data: [
            { Id: 1, Name: "test", ParentId: null },
            { Id: 2, Name: "test 2", ParentId: 1 }
        ],
        schema: {
            model: {
                id: "Id",
                parentId: "ParentId",
                fields: {
                    Name: { field: "Name", type: "string" },
                    StoreCount: { field: "StoreCount", type: "number" },
                    ParentId: { field: "ParentId", nullable: true }
                },
                expanded: true
            }
        }
    });

Answer 5

有谁知道是否可以指定具有不同名称的数据库列作为父 ID？例如，我的表有node_id和parent_node_id。