MVVM Binding, Kendo UI Mobile and Dropdownlist

[Robert]

Hi There,

I'm trying to get a dropdown list used with Kendo UI mobile and data bind the source of the dropdown list to some set data.

It seems to work when a plain select is used but when i change the data-role to dropdown list the list is always empty. 

I have include a sample of the problem i am experiencing.

http://jsbin.com/ADOTuG/1/

Is there something I am doing wrong here or should do differently?

Thanks,

Rob

[Petyo]

Hi Robert,

the recommended way to use MVVM with Kendo UI Mobile would be through the data-model attribute. Please check this updated version of your sample.

Regards,
Petyo
Telerik

[Robert]

Hi Petyo,

I have a number of problems using the data-model configuration because I need to bind data dynamically rather than using the same observable always. I also need to specify data binding at a more specific level that just whole mobile view.

How would I perform data binding of two different models to two div tags in the same view in a mobile environment?

I currently bind the views using the kendo.bind command (It satisfies all of my requirements) and it works as expected on each div, I am just unable to get data binding of the drop down list working.

Thanks,

Rob

[Petyo]

Hello Robert,

you may consider using a single viewmodel and assigning the two models in question to its fields.

The reason why we recommend using data-model instead of kendo.bind is performance. The mobile views do declarative initialization of the widgets (based on the data-role attribute), and kendo.bind does the same + establishing the bindings. The data-model field performs this in a single pass, thus avoiding the costly DOM recursive traversing. 

In case you insist on using the kendo.bind approach, you will have to pass multiple namespaces as arguments, as documented and showcased in our API reference. 

Regards,
Petyo
Telerik