Required validation is not working on a DropDownList

[Olivier]

Hello,

I'm using templates to display the items and the selected value on a DropDownList.

I assign the optionLabel using a string. I do it this way because I don't know the object structure upfront (it is defined at runtime).

My challenge now is that the required validation is not working on this scenario. Please take a look to this JSBin: http://jsbin.com/eLaQaFaP/2/. It reproduces the issue I'm getting on my app.

Thanks for your help.

[Kiril Nikolov]

Hello Olivier,

The problem comes from the fact that in your template when you have the first optionLabel, it cannot locate the dataTextField and act accordingly. Please check the updated example here:

http://jsbin.com/UhEKocEf/1/edit

Regards,
Kiril Nikolov
Telerik

[Olivier]

Thanks Kiril! Your example helped me to fix the problem.

[Kiril Nikolov]

Hello Oliever,

I am happy to hear that the example helped.

Have a great weekend!

Regards,
Kiril Nikolov
Telerik

[Grant]

Hi Kiril,

Is there a way to have the validation message appear below the dropDown instead of 'inside' the widget? View your updated jsbin example for replicate.

Thanks,
Grant

[Kiril Nikolov]

Hi,

In order to control the position of the validation tooltip, you can use the following approach:

http://docs.telerik.com/kendo-ui/controls/editors/validator/overview#validator-tooltip

If this does not help - please open a separate support request with more details about your setup and we will be happy to help.

Regards,
Kiril Nikolov
Telerik by Progress