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

Answer 3

这是一个简单的错字，“ParentId”需要是parentId（注意小写p）。

看到这个dojo的工作版本。

http://dojo.telerik.com/uWaSO

我之前犯过这种罪行。

Answer 4

让我们不要忘记＆＃39; parentId＆＃39;模型定义上的字段。我们不必以这种方式更改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

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

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

5 个答案: