Tại sao Lưới KendoUI không phục hồi lại khi chức năng options.error được gọi?

Question

Tôi đã đặt một câu đố ở đây thể hiện vấn đề.

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

Chỉ cần xóa một kỷ lục, và nó nên rollback xóa như tôi gọi options.error từ bên trong phá hủy chức năng.

Tại sao lưới không quay trở lại?

Kính trọng,

Scott

Markup:

<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

tín hiệu lỗi là không đủ. Cho phép nói rằng có một lỗi về loại bỏ một kỷ lục là không đủ kể từ KendoUI không biết nếu hồ sơ đã thực sự được gỡ bỏ trong máy chủ và trả lời là một trong những sản xuất lỗi. Vì vậy, cách tiếp cận KendoUI là một cách tiếp cận bảo thủ: Bạn phải quyết định phải làm gì và nói rõ ràng:

Vì vậy, những gì bạn cần làm là thêm một hàm hander error gọi số cancelChanges trong lưới.

Mã này sẽ là:

_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(); 
    } 
}); 

Và JSFiddle được cập nhật tại đây: http://jsfiddle.net/OnaBai/fmzay/3

Answer 2

Các giải pháp tương đương ASP.NET MVC-câu trả lời OnaBai sẽ là:

<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")) 
) 
[...] 

Xin lưu ý rằng sự kiện hủyChange sẽ được gọi khi có lỗi trên mọi yêu cầu CRUD.