The 'optionLabel' option is not valid due to missing fields.

[Jessica]

Hi,

 

I am trying to render a Kendo DropDownList, I'm receiving this JavaScript error:

"Uncaught Error: The `optionLabel` option is not valid due to missing fields. Define a custom optionLabel as shown here http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#configuration-optionLabel".

 

Here is my code:

@(Html.Kendo().DropDownListFor(m=>m.Payment32.SelectedPaymentCurrency)
    .DataTextField("Mnemonic")
    .DataValueField("Mnemonic")
    .OptionLabel("Select...")
    .Value(Model.Payment32.SelectedPaymentCurrency)
    .BindTo(Model.Payment32.AllCurrencies)
    .Enable(true)
    .Events(evnt => evnt.Change("SelectedPaymentCurrency_Change"))
    .HtmlAttributes(new {style = "width: 120px;"}))

 

Let me know if you need anything else!

[Ivan Danchev]

Hi Jessica,

I tried reproducing the exception you are getting, but was unable to do so. Attached to this reply you can find a sample MVC project in the Index view of which there is a DropDownList helper. The option label is displayed as expected and no exceptions are thrown neither initially nor on item or option label selection. Could you modify the example so that it demonstrates the error and attach it back for further review?

Regards,
Ivan Danchev
Progress Telerik