剣道UIグリッドをセルに保存するぼんぼう

Question

グリッドツールバーの[保存]ボタンを使用せずに、入力を押したりセルから移動したり（ぼかし）したときにグリッドを変更しようとしました。

正しく動作させるには問題がありますが、PHP/SQLは正常に動作しているため、グリッドに問題があると確信しています。

は、ここに私のコードです：私は多くのものと異なるイベントを試してみました

$("#grid").kendoGrid({ 
dataSource: { 
    transport: { 
     read: WEBROOT+"admin/fetch-toppers", 
     update: { 
      url: WEBROOT+"admin/update-topper", 
      type: "POST" 
     } 
    }, 
    error: function(e) 
    { 
     alert(e.responseText); 
    }, 
    schema: { 
     data: "data", 
     model: { 
      id: 'id', 
      fields: { 
       "id": {nullable: true}, 
       "Date": {editable: false}, 
       "name": {editable: false}, 
       "price": {editable: true} 
      } 
     } 
    } 
}, 
columns: [{field: "Date", width: 105}, {field: "name", title: "Topper"}, {field: "price", title: "Price", width: 125}], 
height: 550, 
filterable: true, 
sortable: true, 
pageable: true, 
editable: true, 
navigatable: true, 
edit: function() 
{ 
    //this.saveChanges() 
} 
}); 

が、それは効果がありません。

ぼかしでセルの値を保存するにはどうすればよいですか？

Answer 1

追加：

change: function (e) { 
         if (e.action == "itemchange") { 
          this.sync(); 
         } 
        }, 

それは次のようになります。

dataSource: { 
transport: { 
    read: WEBROOT+"admin/fetch-toppers", 
    update: { 
     url: WEBROOT+"admin/update-topper", 
     type: "POST" 
    } 
}, 
error: function(e) 
{ 
    alert(e.responseText); 
}, 
change: function (e) { 
         if (e.action == "itemchange") { 
          this.sync(); 
         } 
}, 
schema: { 
    data: "data", 
    model: { 
     id: 'id', 
     fields: { 
      "id": {nullable: true}, 
      "Date": {editable: false}, 
      "name": {editable: false}, 
      "price": {editable: true} 
     } 
    } 
} 

}、

Answer 2

あなたは、データソースのsync方法を実行するためのデータソースのchangeイベントをしようとして使用することができます。あなたのデータソースで

$("#grid").kendoGrid({ 
dataSource: { 
    transport: { 
     read: WEBROOT+"admin/fetch-toppers", 
     update: { 
      url: WEBROOT+"admin/update-topper", 
      type: "POST" 
     } 
    }, 
    change:function(){this.sync()}, 
    error: function(e) 
    { 
     alert(e.responseText); 
    }, 
    schema: { 
     data: "data", 
     model: { 
      id: 'id', 
      fields: { 
       "id": {nullable: true}, 
       "Date": {editable: false}, 
       "name": {editable: false}, 
       "price": {editable: true} 
      } 
     } 
    } 
}, 
columns: [{field: "Date", width: 105}, {field: "name", title: "Topper"}, {field: "price", title: "Price", width: 125}], 
height: 550, 
filterable: true, 
sortable: true, 
pageable: true, 
editable: true, 
navigatable: true, 
edit: function() 
{ 
    //this.saveChanges() 
} 
}); 

Answer 3

を次のようにあなたはまた、右のグリッドから自分のデータソースの同期を呼び出すことができます（postのTelerikに従ってsetTimeoutを使用してください）...

save: function() { 
    setTimeout(function() { 
      yourDatasource.sync(); 
    } 
}