Custom binding not working in templates

[Luc]

Hi,

I've defined a custom binding which works prefectly when used outside templates, but it will not work when used within one.

The binding's refresh function is called in both cases, but when used within a template, this.bindings["bindingName"].get() returns undefined.

Is this a limitation of the curent state of bindings ? Is there a workaround ?

here's the code:

kendo.data.binders.cssClass = kendo.data.Binder.extend({

    refresh: function () {

        var value = this.bindings["cssClass"].get();

 

        $(this.element).removeClass();

        $(this.element).addClass(value);

    }

});

<script id="path-template" type="text/x-kendo-template">

    <li data-bind="click: goToFolder, cssClass: theStyle">#: path #</li>
</script>

Funny thing is that the click binding works within the template...

Thanks

[Rosen]

Hello Luc,

I'm afraid that this is currently not supported. However, we may change the observed behavior in feature version.

All the best,
Rosen
the Telerik team

[Joshua]

Is there any work around to this? Is this still being considered as a feature?

[Aleksandar]

Hello Joshua,

Custom binding can be used within a template. Here is a dojo example demonstrating custom MVVM binding in a template. 

Let me know if you have further questions.

Regards,
Aleksandar
Progress Telerik

[Joshua]

Thank You