How to display Validation error message in controller using Kendo grid?

Question

I made the fields in the kendo grid editable by the following code:

Html.Kendo().Grid(Model.lstResend) .Name("ResendFlowGride") .Columns( column => { column.Bound(e => e.FLOW_ID).Title("Id").Hidden(true); column.Bound(e => e.GROUP_ID).Title("Group Id").Hidden(true); column.Bound(e => e.GROUP_NAME).Title("Group Name"); column.Bound(e => e.ITEM_ID).Title("Item Id").Hidden(true); column.Bound(e => e.ITEM_NAME).Title("Item Name"); column.Bound(e => e.ITEM_VALUE).Title("Item Value"); // column.Bound(e => e.ITEM_VALUE).Ed } ) .Editable(editable => editable.Mode(GridEditMode.InCell)) .DataSource(datasource => datasource.Ajax() .Model(model => { model.Id(p => p.ITEM_ID); model.Field(p => p.ITEM_ID).Editable(false); model.Field(p => p.GROUP_ID).Editable(false); model.Field(p => p.GROUP_NAME).Editable(false); model.Field(p => p.ITEM_NAME).Editable(false); model.Field(p => p.ITEM_VALUE).Editable(true); }) .Update(update => update.Action("Update", "Registration")) )

I have the Below Controller:

public ActionResult Update([DataSourceRequest]DataSourceRequest request, ResendFlow txns) { try { if (txns != null && ModelState.IsValid) { var regDetailsToUpdate = _repository.Context.REG_REGISTRATION_MST_T.Where(x => x.REGISTRATION_ID == txns.Reg_Id).FirstOrDefault(); _repository.Update(regDetailsToUpdate, regDetailsToUpdate.REGISTRATION_ID); if (txns.ITEM_NAME == "Standard Settlement Configuration Id") { regDetailsToUpdate.STANDARD_SETTLEMENT_CONFIGURATION_ID = txns.ITEM_VALUE; if (String.IsNullOrEmpty(txns.ITEM_VALUE)) { //display error msg -> item valu return Json(new { success = false, validinput = false, message = "Please enter the Standard Settlement Configuration Id" }, JsonRequestBehavior.AllowGet); } else { int i = 0; string s = txns.ITEM_VALUE;//"0393" bool result = int.TryParse(s, out i);//0393 if (!result == true) { ModelState.AddModelError(txns.ITEM_VALUE, "Not Valid SSC"); } } } _repository.Save(); return Json(new { success = true, validinput = true, message = "Updated details Successfully" }, JsonRequestBehavior.AllowGet); } } catch (Exception e) { } return Json(ModelState.ToDataSourceResult()); }

I wanted to display Validation Message if the user enters characters instead of number.How to display Validation error message using kendo in Controller?

I have updated my answer and added a sample javascript function to help you — JamesS
– JamesS, Commented Jan 29, 2020 at 13:55

JamesS · Accepted Answer · 2020-01-29 14:04:01Z

Try replacing

return Json(ModelState.ToDataSourceResult());

with

return Json(new []{ txns }.ToDataSourceResult(request, ModelState), JsonRequestBehaviour.AllowGet);

You want to be passing the ModelState and the request back in the data source request.

In the grid itself you want to have a ref to the Error method of DataSource

.DataSource(datasource => datasource .Ajax() .Events(e => e .Error("Grid_Error") // Can be named anything but it's usually best to add the suffix '_Error' )

Now all you need is a javascript function that is called this and prints the errors such as:

function Grid_Error(e){ if(e.errors){ var message = "There are some errors:\n"; // Loop through the errors you defined in the controller $.each(e.errors, function(key, value){ if('errors' in value) { $.each(value.errors, function(){ message += this. '\n'; }) } }) alert(message); // Here you can simply cancel the changes using the datasource, reverting the grid back to its original state. } }

NOTE: If this grid is in a partial, you may need to put this javascript function a level up, in the parent's cshtml

Collectives™ on Stack Overflow

How to display Validation error message in controller using Kendo grid?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related