kendoui json填充数据网格答案

【问题标题】：kendoui json fill datagridkendoui json填充数据网格
【发布时间】：2012-12-08 17:32:23
【问题描述】：

这很好用，填充网格：

  $("#grid").kendoGrid({
    dataSource: {
      data: [
        {'id': 1, 'name': 2, 'author': 3},
        {'id': 1, 'name': 2, 'author': 3},
        {'id': 1, 'name': 2, 'author': 3},
      ] ,
    },

但是当我从 getJSON 加载列表时：

  $.getJSON('/api/notes/', function(data) {
      dataSource = data.rows;
  });

将data 指向dataSource 数组不显示任何内容:(

【问题讨论】：

getJSON 中的dataSource 是什么。恐怕您的代码不够完整，无法提供帮助。顺便说一句：你检查过data 的样子吗？它真的包含一个名为rows 的array 吗？
JSON 如下： {"total": 6, "rows": [{"id": "AA", "name": "Foo", "author": "Bar"}, ...

标签： json datagrid kendo-ui

【解决方案1】：

如果接收到的数据在data.rows，你应该这样做：

$("#grid").data("kendoGrid").dataSource.data = data.rows;

但是，为什么不使用grid.dataSource 中的transport.read 来加载数据而不是使用getJSON？

【讨论】：

【解决方案2】：

您应该使用数据源的 data 方法。

例如

$.getJSON('/api/notes/', function(data) {
  dataSource.data(data.rows);

});

【讨论】：

我是这样做的：var myjson; $.getJSON('/api/notes/', function(data) { console.log(data); myjson = data.rows; }); $(document).ready(function () { var dataSource = new kendo.data.DataSource({ pageSize: 10, data: myjson, autoSync: true, schema: { ...