Switch widget and MVVM

[Alex]

Hi! Could you provide me small example to bind model member (boolean) to Switch widget state.
I would expect something like

<input data-role="switch" data-bind="checked:checked"/>

But it looks terrible and does not work. Another question: why after binding my Tabstrip looks "doubled"
http://jsfiddle.net/GewUa/5/ 

[Georgi Krustev]

Hello Alex,

 
The switch widget is initialized twice, which is not supported. I will suggest you use the data-model attribute.
Here is the updated jsFiddle demo.

Regards,
Georgi Krustev
the Telerik team

[Eric]

What if you have a view with a form and because of the requirements cannot use the data-model attribute to bind the information to the view, but instead bind it as Alex shows it during data-before-show or data-show? How can you bind to a switch correctly declaratively? How can you make it so that the switch does not get initialized twice?

Please, advise!

[Georgi Krustev]

Hi,

You can use View's init event to bind the view's content. Check the updated jsFiddle demo.

Regards,
Georgi Krustev
Telerik

[Amitesh]

Hi Georgi,

The binding for the switch on the demo actually is not working.

Regards,

Ikhwan

[Georgi Krustev]

Hello,

Indeed, the binding does not work, because I missed to specify a namespace. Here is the correctly defined kendo.bind method call. Please note, that the preferred way to bind a Mobile View is using the data-model attribute.

Regards,
Georgi Krustev
Telerik

 

 

[Mike]

Your link to "the data-model attribute" is broken.

Is it supposed to be linked here? http://docs.telerik.com/kendo-ui/api/javascript/data/model

If so, can we see an example of the "correct" way to bind the switch control?

[Georgi Krustev]

Hello Mike,

The "data-model" link was supposed to point the readers to the correct way to bind Mobile View:

http://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/view#configuration-model

As to how a slider can be bound to MVVM model, then I would suggest you examine our online demo and the corresponding MVVM value binding documentation:

http://docs.telerik.com/kendo-ui/framework/mvvm/bindings/value
http://demos.telerik.com/kendo-ui/slider/mvvm

Regards,
Georgi Krustev
Telerik by Progress

 

 

[Running]

This post is about the kendo switch. Why is the Admin posting links to the slider widget? Is there any complete documentation on how to use the SWITCH widget with MVVM?     

[Konstantin Dikov]

Hello,

For your convenience, following is a dojo example with MVVM initialization of the MobileSwitch:

• https://dojo.telerik.com/AjeJUcUj

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik