爲什麼在調用options.error函數時KendoUI網格不能回滾刪除？

Question

我在這裏提出了一個演示這個問題的小提琴。

http://jsfiddle.net/codeowl/fmzay/1/

只要刪除的記錄，它應該回滾刪除，因爲我打電話從破壞函數內部options.error。

爲什麼電網不回滾？

問候，

斯科特

標記：

<div id="KendoGrid"></div> 

JS：

var _data = [ 
     { Users_ID: 1, Users_FullName: 'Bob Smith', Users_Role: 'Administrator' }, 
     { Users_ID: 2, Users_FullName: 'Barry Baker', Users_Role: 'Viewer' }, 
     { Users_ID: 3, Users_FullName: 'Bill Cow', Users_Role: 'Editor' }, 
     { Users_ID: 4, Users_FullName: 'Boris Brick', Users_Role: 'Administrator' } 
    ], 
    _dataSource = new kendo.data.DataSource({ 
     data: _data, 
     destroy: function (options) { 
      options.error(new Error('Error Deleting User')); 
     } 
    }); 

$('#KendoGrid').kendoGrid({ 
    dataSource: _dataSource, 
    columns: [ 
     { field: "Users_FullName", title: "Full Name" }, 
     { field: "Users_Role", title: "Role", width: "130px" }, 
     { command: ["edit", "destroy"], title: " ", width: "180px" } 
    ], 
    toolbar: ['create'], 
    editable: 'popup' 
}); 

Answer 1

信令錯誤是不夠的。可以說，刪除記錄時出錯是不夠的，因爲KendoUI不知道記錄是否已經在服務器中被刪除，並且回覆是產生錯誤的那個。所以KendoUI的方法是一種保守的方法：你必須決定做什麼，並明確地說：

所以你應該做的是添加一個error hander函數，在網格中調用cancelChanges。

的代碼將是：

_dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: function(options) { 
      options.success(_data); 
      console.log('Read Event Has Been Raised'); 
     }, 
     destroy: function (options) { 
      options.error(new Error('Error Deleting User')); 
      console.log('Destroy Event Has Been Raised'); 
     } 
    }, 
    schema: { 
     model: { 
      id: "Users_ID", 
      fields: { 
       Users_ID: { editable: false, nullable: true }, 
       Users_FullName: { type: "string", validation: { required: true } }, 
       Users_Role: { type: "string", validation: { required: true } } 
      } 
     } 
    }, 
    error: function(a) { 
     $('#KendoGrid').data("kendoGrid").cancelChanges(); 
    } 
}); 

和更新後的jsfiddle在這裏：http://jsfiddle.net/OnaBai/fmzay/3

Answer 2

的ASP.NET MVC的等價解決OnaBai的答案是：

<script type="text/javascript"> 
function cancelChanges(e) { 
    e.sender.cancelChanges(); 
} 
</script> 

@Html.Kendo().Grid<MyClass>() 
.DataSource(dataSource => 
    dataSource 
    .Ajax() 
    .Read(read => read.Action("Read", "MyController")) 
    .Destroy(destroy => destroy.Action("Destroy", "MyController")) 
    .Events(evt => evt.Error("cancelChanges")) 
) 
[...] 

請注意，當每個CRUD請求發生錯誤時，將調用cancelChanges事件。