Kendo Grid Mvc - 无法在视图页面上显示自定义错误消息

Question

我在我的MVC项目上使用kendo网格。问题是，错误消息无法在视图页面上显示。当我使用谷歌的开发人员工具跟踪JSON数据时，我可以看到错误数据是正确的：

{"Data":null,"Total":0,"AggregateResults":null,"Errors":["There is record(s) with same name.Please review your new records."]}

异常消息已传递给控制器​​上的结果参数。

控制器：

catch (Exception exp)
     {
       var  result = exp.ToDataSourceResult(request);
      // var  result1 = ModelState.ToDataSourceResult();
       //  ModelState.AddModelError("UpdateAmbulance", exp.Message);
         return Json(result, JsonRequestBehavior.AllowGet);
     }

这是视图页面上的kendo网格代码：

      <!-- Grid  -->
          @(Html.Kendo().Grid<AIS.UI.WebService.Proxy.DSrvAllService.AMBULANCEDEFINITIONS>() //Bind the grid to ViewBag.Products
                          .Name("grid")

                        //  .BindTo(Model)
                          .Columns(columns =>
                          {

                              columns.Bound(product => product.DESCRIPTION).Title("<strong>Ambulance Description</strong>").Width("20%");
                                  //.ClientTemplate("<strong>#:DESCRIPTION#</>strong");

                              columns.Bound(product => product.CODE).Title("<strong>Ambulance Description</strong>").Width("20%");


                              columns.Command(commands =>
                              {


                               commands.Destroy().HtmlAttributes(new { id = "buttondelete" ,style="display:none" }); 
                              }).Title("Operations").Width("10%");
                          })
                                  .ToolBar(toolbar =>
                                  {
                                      toolbar.Create().HtmlAttributes(new { id="addbutton",style = "font-weight:bold;color:blue" }).Text("Add Records"); // The "create" command adds new data items

                                      toolbar.Save(); // The "save" command saves the changed data items
                                  })
                          // Use in-cell editing mode
                                  .Editable(editable => editable.Mode(GridEditMode.InCell)) 
                         .Pageable(pager => pager
                             .PageSizes(true)
                             .Input(true)
                             .Refresh(true)
                         //    .Messages(messages => messages.Empty("Veri bulunamadı"))
                         //    .Messages(messages => messages.First("İlk Sayfa"))
                         //    .Messages(messages => messages.Last("Son Sayfa"))
                         )
                          .Sortable() // Enable sorting
                          .DataSource(dataSource => dataSource

                                .Ajax()

                                       // .Sort(sort => sort.Add("DESCRIPTION").Ascending())
                                .ServerOperation(true)
                              .Events(events => events.Error("onError"))
                            //.AutoSync(true)            
                                        .Model(model =>
                                        {
                                            model.Id(product => product.ID); 
                                            model.Field(product => product.ID).Editable(false).DefaultValue(Guid.Empty); 
                                            model.Field(p => p.DESCRIPTION).Editable(false);
                                           model.Field(product => product.CODE).Editable(false);


                                        })
                                                 .Events(events => events.Error("onError"))

                                                   .Create(create => create.Action("AmbulanceCreate", "Administrator")) 
                                        .Read(read => read.Action("AmbulanceRead", "Administrator"))  
                                        .Update(update => update.Action("AmbulanceUpdate", "Administrator"))  
                                                   .Destroy(destroy => destroy.Action("AmbulanceDelete", "Administrator")) 

                                   )

                    )

JS

    function onError(e, status) {
     if (e.errors) {
          var message = "The following errors have occurred:\n";
        // var message = "Please correct the records that you enter"
         $.each(e.errors, function (key, value) {
             if (value.errors) {
                 message += value.errors.join("\n");
             }
         });

         alert(message);
     }
 }

Answer 1

解：

• 要将错误消息从控制器传递到视图，需要使用ModelState。

    if(condition)
        {
          throw new Exception("Error msg ");
        }
          catch (Exception exp)
           {
               ModelState.AddModelError("UpdateAmbulance", exp.Message);
               var  result = ModelState.ToDataSourceResult();
               return Json(result, JsonRequestBehavior.AllowGet);
           }

  我向js代码添加了一行，当出现错误消息时回滚最后一条记录：

  function onError(e, status) {
  
      if (e.errors) {
           var message = "\n";
         // var message = "Please correct the records that you enter"
          $.each(e.errors, function (key, value) {
            if (value.errors) {
                message += value.errors.join("\n");
             }
         });
  
     alert(message);
     $("#grid").data("kendoGrid").cancelChanges(); // Remove changes 
    when error occurs.
   }

  }