Template loses click binding when dataSource is updated.

[Jeff]

Hello,

I'm trying to use a template for a kendoListView. In the template, I have an element that uses data-bind for a click event handler.

Everything works fine until I update the dataSource of the listView. Once the dataSource is updated, none of the click handlers work anymore.

JSFiddle:
http://jsfiddle.net/jseets/Qh2ma/11/

Any ideas?

[Kiril Nikolov]

Hi Jeff,

The problem comes from the fact that you are manually initializing the Kendo UI ListView and after the dataSource is updated with the new item, the ListView is not reinitialized automatically, so it looses its click handlers.

I have modified your example to show how to correctly bind a ListView using MVVM:

http://jsbin.com/iRUTEHO/1/edit
 

Regards,
Kiril Nikolov
Telerik

[Hugo]

Hello Kiril,

I have a similar example but I'm using kendo.data.ObservableObject.extend. I have a listview in my HTML with "data-source" where each item is a kendo-template with '... data-bind="click: submit" ...'

When this page is shown for the first time, the click works, but the problem is that when the datasource of the listview is changed (using fetch()), that bind click is lost. Is there a way to render the listview again?

[Kiril Nikolov]

Hello Hugo,

Could you please extract a runnable sample, that we can take a look at?

From the provided information it is not possible to determine what is the reason for your issues.

Regards,
Kiril Nikolov
Telerik