Kendo网格破坏命令不刷新网格

Question

在下面的网格中，我已经实现了Destroy方法来删除记录，但问题是当在服务器端删除期间发生错误时，剑道网格仍然从网格中删除记录。当我刷新页面记录再次出现按预期。如何防止Kendo网格在发生服务器端错误时删除记录并向用户显示错误消息？

@(Html.Kendo().Grid((IEnumerable<RealEstateApp.Models.propertyOwenerModel>)Model) 
     .Name("grid") 
     .Columns(columns => 
     { 
      columns.Bound(o => o.id).Visible(false); 

      columns.Bound(o => o.name).Width("150px"); 
      columns.Bound(o => o.email).Width("100px"); 
      columns.Bound(o => o.address).Width("200px"); 
      columns.Bound(o => o.telephone).Width("100px"); 
      columns.Bound(o => o.mobile).Width("100px"); 

      columns.Template(o => Html.ActionLink("Edit", "Edit", new { o.id })).ClientTemplate("<a class='k-button k-button-icontext' href=\"" + Url.Action("Edit", "propertyOwner") + "/#= id#\"><span class='k-icon k-edit'></span>Edit</a>").Width(80).Title("Edit"); 
      if (Roles.IsUserInRole(User.Identity.Name, "admin")) 
      { 
       columns.Command(commands => 
       { 

         commands.Destroy(); // The "destroy" command removes data items 


       }).Title("Delete").Width(90); 
      } 
      //columns.Template(o => Html.ActionLink("Delete", "Delete", new { o.id })).ClientTemplate("<a class='blue' href=\"" + Url.Action("Details", "propertyOwner") + "/#= id#\"><i class='icon-zoom-in bigger-130'>Delete</i></a>").Width(65).Title("Details"); 
     }) 
     .ToolBar(toolbar => 
     { 

      toolbar.Template(@<text> 
    <a class="k-button" href="/propertyOwner/Create"><span class="k-icon k-si-plus"></span></a> 
    </text>); 


     }) 
     .Pageable() 
     .Sortable() 
     .Scrollable() 
     .Filterable() 
     .Groupable() 
     .HtmlAttributes(new { style = "height:900px;" }) 

     .DataSource(dataSource => dataSource 
      .Ajax() 
      .PageSize(20) 
      .Read(read => read.Action("AjaxGrid", "propertyOwner")) 
      .Destroy(destroy => destroy.Action("Destroy", "propertyOwner")) 

       .Model(model => 
       { 
        model.Id(m=>m.id); // Specify the property which is the unique identifier of the model 
        model.Field(m => m.id).Editable(false); // Make the ProductID property not editable 
       }) 
       ) 


    ) 

Answer 1

你应该在你定义一个errors功能或现场Schema定义，这是你的服务器发送通知到用户界面的领域。

然后，在DataSource中定义一个显示警报消息（或任何您想要执行的操作）的事件处理函数error。

使用errors字段定义和error事件处理一个数据源定义的例子：

var dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "http://demos.kendoui.com/service/twitter/search", 
      dataType: "jsonp", 
      data: { q: "#" } 
     } 
    }, 
    schema: { 
     errors: "error" // twitter's response is { "error": "Invalid query" } 
    }, 
    error: function(e) { 
     console.log(e.errors); // displays "Invalid query" 
    } 
}); 

编辑：如果你需要做一些复杂的验证，而不是随便说哪个字段包含错误，您可以定义一个errors功能在你schema返回true错误和false为好！

例子：

var dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "http://demos.kendoui.com/service/twitter/search", 
      dataType: "jsonp", 
      data: { q: "#" } 
     } 
    }, 
    schema: { 
     errors: function (d) { 
      // twitter's response is { "error": "Invalid query" } 
      return (d.error && d.error !== "ok") ? true : false; 
     } 
    }, 
    error: function(e) { 
     ... 
    } 
});