Bind json Daten zu Kendo Gitter

Question

Bind ich bin das Ergebnis eines Web-API (Post) Anruf an ein Kendo-Gitter zu binden. Das Ergebnisformat ist

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

API-Aufruf ist:

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

Bind:

$("#grid").kendoGrid({ 

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

Aber seine nicht funktioniert. :(

Answer 1

Verwenden kendo.all.min Datei in der Referenz.

Verwendung dieser Datasource Teil

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

Verwendung dieser bei Netzseite

 $("#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 
     });