剣道グリッドにjsonデータをバインドする

Question

Web API（ポスト）コールの結果を剣道グリッドにバインドする必要があります。結果フォーマットは

{ 
    "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" 
        }] 
}); 

しかし、その動作していません。 :(

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