OptionLabel and Calculated Field

[Shawn]

I have a MVVM DropDownList that uses a ViewModel whose DataSource uses a Model with a calculated field. If I attempt to set data-option-label on the DropDownList, I get "TypeError: d.<MyCalculatedField> is not a function". What can I do? This implementation works great on a DropDownList without a calculated field in its Model. Thanks!

[Daniel]

Hello Shawn,

I tried to reproduce the problem on my side but to no avail. Could you check this jsBin and let me know if I am missing something?

Regards,
Daniel
Telerik

[Shawn]

Try to use the calculated field as the dropdown text, and the dropdown won't load. That was not my specific problem - in my implementation, I could get the list to load with the text as a calculated field, but not show the option label. I cannot get it to do that, here - not sure why.

[Daniel]

Hello again Shawn,

The items will not be loaded because of a JavaScript error thrown because the dropdownlist will initially be assigned with a default dataSource that does not have the calculated field. It is possible to avoid the error by using the data-source attribute to set the dataSource instead of source binding. Another option is to use the autoBind option to prevent the widget from binding to the data from the initial dataSource. In both cases, in order to use an option label in this scenario, you will also need to set an object with the calculated field set as function. I updated the jsBin to demonstrate both options. 

Regards,
Daniel
Telerik