dialogTemplate validationRules for dropdownList

[Blazej]

Hello,

I need add validationRules for dropdownList in grid dialogtemplate.

I found similar but for ASP.NET MVC here: https://www.syncfusion.com/forums/139118/editmode-dialogtemplate-with-ejdropdownlist-validation

<td style="text-align: left"> 

                @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)) 

            </td>

I have:

<ejs-dropdownlist width="200" id="EmployeeID" dataSource="@ViewBag.Employees" filtering="onfiltering" placeholder="Wybierz Pracownika" allowFiltering="true" filterBarPlaceholder="Wyszukaj"
                                      headerTemplate="@Html.Raw("<div class=\"header\"> Imię i Nazwisko</span></div>)")"
                                      itemTemplate="@Html.Raw("<div class=\"name\"> ${Name} ${Surname} </div>")"
                                      valueTemplate="@Html.Raw("<div class=\"name\"> ${Name} ${Surname} </div>")"
                                      value="@ViewBag.selectedEmployees">
                        <e-dropdownlist-fields validationRules="@(new { required=true})" text="EmployeeID" value="EmployeeID"></e-dropdownlist-fields>
                    </ejs-dropdownlist>

I need to validate if dropdownlist is selected from list. Default is null. I want to prevent close dialog if dropdownlist is not selected.

Flag validationRules don't work here.

In Grid when i add:

<e-grid-column validationRules="@(new { required=true})" allowEditing="false" field="EmployeeID" width="80" headerText="EmployeeID" visible="false"></e-grid-column>

don't work too. Works only for input text.

[Pavithra Subramaniyam]

Hi Blazej, 

 

Thanks for contacting Syncfusion support. 

 

You have disabled the “visible” property of EmployeeID column so the form validation is not applied to that column. However you can achieve your requirement by adding the validation rule for “employeeID” column in the actionComplete event. Please refer to the below code example and documentation link for more information. 

 

[index.cshtml] 

<script> 

    function actionComplete(args) { 

        if ((args.requestType === 'beginEdit' || args.requestType === 'add')) { 

            // Add Validation Rules 

            args.form.ej2_instances[0].addRules('EmployeeID', { required: true }); 

         

        if (args.requestType === 'beginEdit') { 

           // send ajax for edit partial 

            .  .  . 

        } 

 

        if (args.requestType === 'add') { 

          // send ajax for add partial 

            .  .  .  

        } 

} 

    } 

</script> 

 

Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/#adding-validation-rules-for-custom-editors 

 

Regards, 

Pavithra S. 

[Blazej]

Great!. Thank you. It work!

[Manivel Sellamuthu]

Hi Blazej, 

  

Thanks for your update. 

  

We are happy to hear that your problem has been resolved. 

  

Regards, 

Manivel