ui Gitter auf erste Daten erhalten Kendo nulled wenn auf Symbolleiste

Question

getroffen speichern hallo ich Kendo ui vor kurzem versucht, und es sieht vielversprechend aus

aber wenn ich Batch-Bearbeitung bin ich versuchen viele Problem, denn jetzt verwenden Sie i Objekt Mock Array Datenansicht, Erfolg zu simulieren, i Batch versucht

Kurzgeschichte bearbeiten, ich versuche, die bearbeitete Spalte zu speichern, und wenn sie die Taste save nulled geklickt haben, erhalten erste Reihe, aber die Daten unten noch einschließlich der bearbeiteten diejenigen bewahren

Hier ist der JS

var dataDS = [{ type: "B0998", quantity: "2", harga: "12000", jumlah: "4", saldo: "200000", nama_barang: "sundanese fries (fried singkong)" }, 

    { type: "B0998", quantity: "2", harga: "12000", jumlah: "4", saldo: "200000", nama_barang: "fried tempe" }, 
    { 
     type: "B0999", quantity: "2", harga: "15000", jumlah: "4", saldo: "502000", nama_barang: "rounded toufu" 
    }, 
    { 
     type: "B0999", quantity: "2", harga: "15000", jumlah: "4", saldo: "502000", nama_barang: "sundanese salad" 
    }, { 
     type: "B0999", quantity: "2", harga: "15000", jumlah: "4", saldo: "502000", nama_barang: "goyobod ice" 
    } 
    , { 
     type: "B0999", quantity: "2", harga: "15000", jumlah: "4", saldo: "502000", nama_barang: "roasted jenkol" 
    } 



]; 




var dataSource = new kendo.data.DataSource 
({ 
    data: dataDS, 
    pageSize: 5, 
    batch: true, 
    schema: { 
     model: { 
      fields: 
      { 
       type: { type: "string", editable: true, nullable: false }, 
       quantity: { type: "number", editable: true }, 
       harga: { type: "number", editable: true }, 
       jumlah: { type: "number", editable: true }, 
       saldo: { type: "number", editable: true }, 
       nama_barang: { type: "string", editable: true } 
      } 
     } 
    } 
}) 


$("#grid-placement").kendoGrid({ 

    dataSource: dataSource 

     , 
    sortable: true, 
    editable: true, 

    toolbar: ["create","edit", "save", "cancel"], 
    pageable: { 
     refresh: true, 
     pageSizes: true 
    }, 
    editable: true, 
    columns: [ 
     { 
      field: "type", 
      title: "Type" 
     }, 
     { 
      field: "quantity", 
      title: "Quantity" 
     }, 
     { 
      field: "harga", 
      title: "Harga" 
     }, 
     { 
      field: "jumlah", 
      title: "Jumlah" 
     }, 
     { 
      field: "saldo", 
      title: "Saldo" 
     }, 
     { 
      field: "nama_barang", 
      title: "Nama Barang" 
     }, 
     { 
      command: "destroy", title: "delete" 
     } 


    ] 
}); 

und hier ist die HTML-

<div id="grid-placement" > 
</div> 

Answer 1

Wenn Batch-Bearbeitung (oder Bearbeitung im Allgemeinen) auf einem KendoUI Gitter müssen Sie die CRUD-Operationen der Datenquelle angeben.

Es gibt mehrere Möglichkeiten, die CRUD-Operationen zu definieren. Im Folgenden finden Sie ein Beispiel für die Arbeit mit lokalen Daten.

Zusätzliche (und detailliertere) Informationen finden Sie auf der KendoUI-Datenquelle docs.

transport: { 
    read: function(options) { 
    // Implement read 
    options.success([/* Some data */]); 
    }, 
    create: function(options) { 
    // Implement create 
    options.success(); 
    }, 
    update: function(options) { 
    // Implement update 
    options.success(); 
    }, 
    destroy: function(options) { 
    // Implement destroy 
    options.success(); 
    } 
} 

Ich habe ein funktionierendes Dojo basierend auf Ihrer Probe zusammengestellt. (Link)

Die Änderungen werden jedoch nicht im Array gespeichert. Wenn Sie also auf die Aktualisierungsschaltflächen klicken, werden die Änderungen ausgeblendet, da das ursprüngliche Array erneut gelesen wird. Ich bin sehr neu in Kendo