Bind events in the grid row and details view

[Yoni]

I need to bind some events on the grid row and details view. I'm using an observable view model with some events registered and trying to bind them to the DOM using row template and details templates. So far no progress.  Here is the jsFiddle http://jsfiddle.net/amGmr/9/  . Is there any possibility to bind events withing the grid using MVVM ?

[Rosen]

Hi Yoni,

As you may know the binding options are set via attributes, thus the correct syntax is data-bind="some configuration". However, in your case instead of the equal sign a colon is used.

Regards,
Rosen
Telerik

[Yoni]

Hi Rosen,

Ah.. Thanks. My mistake. I have updated it now but if you can see it  again (http://jsfiddle.net/amGmr/12/) , it not binding events to details view. It just only binding event for the data row.

Thanks,
Yoni

[Rosen]

Hi Yoni,

Indeed, the MVVM bindings within the Detail template will not be automatically bound as the detail row actually does not exist in when the binding is executed. Therefore, you should manually bind those items from within the Grid's detailinit event. For example:

detailInit: function(e) {
    kendo.bind(e.detailRow, model);
}

Regards,
Rosen
Telerik

[Yoni]

Hi Rosen,

Ah got it  , Thanks !

[Yoni]

Still my question is why i need to bind the view model twice.  Because the data available to bind to the details template , then why not the events?

[Rosen]

Hello Yoni,

It is required to use the object which the custom handler is member of, due to the way parent relations are resolved. When the kendo.bind is used the provided model is set as top most parent. Therefore,  in your case the event handlers will not be resolved correctly if bound to the child object.

Regards,
Rosen
Telerik

[Yoni]

I have updated to use the detail init event now. But still I'm failing to get the clicked row data item from the event if I bind details template to the parent model. And if I bind this to  the main model I cant't get the relevant child item from the grid. http://jsfiddle.net/amGmr/25/

[Rosen]

Hi Yoni,

As I have already mentioned, in your scenario, in order to bind the handler, the row should be bound to the function's owner. Therefore, when the detail template is bound  to the child object the handler will not be resolved. In this case you should manually hook the handler instead using the MVVM to attach it.

Regards,
Rosen
Telerik