How can i bind the text of a button - or anchor - to a viewmodel?

[Peter]

To dynamically change the language of my application i' trying to use databinding to a viewmodel. It works great on labels and simple texts, but when i bind a button with e.g.

<a data-role="button" data-bind="text: i18n.connect" data-click="app.connectClicked">TEST</a>

I get an error message:
The text binding is not supported by the Button widget

Is there a workaround for this?

TIA
Peter

[Kiril Nikolov]

Hello Peter,

Such binding is not supported out of the box with Kendo UI. However using a custom binder you can achieve such functionality. Please check this example of a possible implementation:

http://jsbin.com/EKOyEqI/3/edit

If you want to read more about custom binding, please follow this link:

http://docs.kendoui.com/getting-started/framework/mvvm/bindings/custom

Regards,
Kiril Nikolov
Telerik

[Henri]

This is an old question, but I've solved this by binding an inner <span> element instead of the <a> directly

<a data-role="button"><span data-bind="text: blabla"></span></a>

Does not seem necessary to make a "custom binder", correct?

 

 

[Ivan Zhekov]

Henri,

you are still binding the text, but not to a viewmodel i.e. you can't dynamically change the text after you've set it.

Still, if this way of binding works for you, then you don't need the custom binder.

Regards,
Ivan Zhekov
Telerik by Progress