Kendo ui 剑道网格Mvc-无法在查看页面上显示自定义错误消息
我在MVC项目中使用剑道网格。 问题是,错误消息无法显示在查看页面上。当我使用google的开发者工具跟踪JSON数据时,我可以看到正确的错误数据:Kendo ui 剑道网格Mvc-无法在查看页面上显示自定义错误消息,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我在MVC项目中使用剑道网格。 问题是,错误消息无法显示在查看页面上。当我使用google的开发者工具跟踪JSON数据时,我可以看到正确的错误数据: {"Data":null,"Total":0,"AggregateResults":null,"Errors":["There is record(s) with same name.Please review your new records."]} Expection消息已传递给控制器上的结果参数 控制器: catch (Exception
{"Data":null,"Total":0,"AggregateResults":null,"Errors":["There is record(s) with same name.Please review your new records."]}
Expection消息已传递给控制器上的结果参数
控制器:
catch (Exception exp)
{
var result = exp.ToDataSourceResult(request);
// var result1 = ModelState.ToDataSourceResult();
// ModelState.AddModelError("UpdateAmbulance", exp.Message);
return Json(result, JsonRequestBehavior.AllowGet);
}
这是查看页面上的剑道网格代码:
<!-- 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"))
)
)
解决方案:
- 要将错误消息从控制器传递到视图,需要使用
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. }
- 我在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.
}