将 json 数据绑定到剑道网格

【问题标题】：Bind json data to kendo grid将 json 数据绑定到剑道网格
【发布时间】：2016-05-02 12:49:16
【问题描述】：

我必须将 Web API(post) 调用的结果绑定到剑道网格。结果格式为

{
  "Id": 121,
  "referenceId": 18222,
  "status": null,
  "message": "Completed"
}

API 调用是：

            read: {
                url: //url,
                type: "POST",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
            },
            parameterMap: function () {
                return JSON.stringify({ Active: false });
            }
        },
        schema: {
           data:'data'
        }

绑定：

$("#grid").kendoGrid({

          dataSource: dataSource
           columns: [{
                        field: "Id",
                        title: "Id"
                    }]
});

但它不起作用。 :(

【问题讨论】：

标签： javascript json kendo-ui kendo-grid

【解决方案1】：

在参考中使用 kendo.all.min 文件。

使用这个数据源部分

schema: {
                  model: {
                       id: "Id",
                      fields: {                                      
                          Id: {  },
                          referenceId: { },
                          status: { },
                          message: {} 
                     }
                  }
              }

在网格边使用这个

      $("#grid").kendoGrid({
          dataSource: [{
              "Id": 121,
              "referenceId": 18222,
              "status": "test",
              "message": "Completed"
          }],
          navigatable: true,
          pageable: true,
          height: 550,
          toolbar: ["create", "save", "cancel"],
          columns: [
               { field: "Id", title: "Unit Price" },
                { field: "referenceId", title: "Units In Stock" },
                { field: "status", width: 120 },
                { field: "message", width: 120 }
          ],
          editable: true
      });

【讨论】：