EditMode.DialogTemplate with ejDropDownList validation

Question

Hi,We are making use of the dialog edit mode on the grid. One of the fields has the 'required' validation rule on it:                        col.Field(c => c.FieldName)                            .ValidationRules(v => v.AddRule("required", true))                            .Add();We would like to make use of the ejDropDownList for this field on the dialog. So we create the drop down during the 'beginedit' or 'add' requestType of the completion method by using the JS api: $("#FieldName").ejDropDownList();However, when we do this, the validation that was associated with the field via the grid is lost.Is there a way to somehow duplicate the validation rules onto the ejDropDownList from the original html element so that when we change the fields value the validation will fire?

Vignesh Natarajan · Answer

Hi Malcolm, 

Thanks for using Syncfusion products 

From your query, we understand that you need to render ejDropdownList while editing a record. By default we have given support for different edit type like dropdownlist, numerictextbox etc.  

So kindly refer code example 





col.Field("ShipCountry").HeaderText("Ship Country").EditType(EditingType.Dropdown).ValidationRules(v => v.AddRule("required", true)).Width(85).Add(); 

Refer the below help documentation for your reference 

https://help.syncfusion.com/aspnetmvc/grid/editing#cell-edit-type-and-its-edit-options        

If you are still facing the issue please get back to us with more details.   

Regards, 
Vignesh Natarajan

Malcolm van Staden · Answer

Thank you, that information was useful.Is it also possible to be able to wire up JS events on that control (like the change event) via the asp.net code or should that rather be done via the JS code itself on beginedit?

Malcolm van Staden · Answer

This gave more information concerning what we wanted to achieve:

https://www.syncfusion.com/kb/7746/how-render-ejcontrols-in-the-edit-form-template-of-the-mvc-grid

I was wrong, we are using EditMode.DialogTemplate, not Dialog

Prasanna Kumar Viswanathan · Answer

Hi Malcolm, Thanks of the update. Query1: “Is it also possible to be able to wire up JS events on that control (like the change event) via the asp.net code or should that rather be done via the JS code itself on beginedit” In previous update you have mentioned that you are going to achieved your requirement with knowledgeBase documentation(https://www.syncfusion.com/kb/7746/how-render-ejcontrols-in-the-edit-form-template-of-the-mvc-grid ). In that documentation we have placed the MVC controls within the editForm using the partial view concept of the MVC. Based on the KB documentation you can able to wire up the JS events on that control via the asp.net code. Refer the below code example @Html.EJ().DropDownListFor(o => o.EmployeeID, (Syncfusion.JavaScript.Models.DropDownListProperties)ViewBag.ddl).DropDownListFields(o=>o.Text("id").Value("id")).ValidationRules(v=>v.AddRule("required", true)).ClientSideEvents(e=>e.Change("change").Select("select")) Query2: “I was wrong, we are using EditMode.DialogTemplate, not Dialog” As per you suggestion we have prepared a sample similar to knowledge base document and we are able to reproduce the reported issue (validation is not set to dropdown list). We suggest you achieve your requirement by defining the ValidationRules to dropdown element while rendering in the partial view. Refer the below code example

Order Details

Order ID	@Html.EJ().AutocompleteFor(o => o.OrderID).CssClass("e-field valid")	Customer ID	@Html.EJ().AutocompleteFor(o => o.CustomerID).CssClass("e-field valid")
Freight	@Html.EJ().NumericTextBoxFor(o => o.Freight)	Employee ID	@Html.EJ().DropDownListFor(o => o.EmployeeID, (Syncfusion.JavaScript.Models.DropDownListProperties)ViewBag.ddl).DropDownListFields(o=>o.Text("id").Value("id")).ValidationRules(v=>v.AddRule("required", true))
Order Date	@Html.EJ().DatePickerFor(o => o.OrderDate).CssClass("e-field")

Refer the screenshot for the output For your convenience we have prepared a sample which can downloaded from below link Sample: http://www.syncfusion.com/downloads/support/forum/139118/7z/ChildGrid1170632817 Refer the help documentation for your reference https://help.syncfusion.com/aspnetmvc/dropdownlist/validation Regards, Prasanna Kumar N.S.V.