MVVM binding does not work properly on Nested Templates with collections

[fbaptiste]

Hello I have the following simplified scenario written in JSFIDDLE:


In the following example I'm trying to:
1. remove the first item from the main panels collection (works well).
2. remove the first sub panel from panel1 only (not working).

It's interesting to note that i saw this working on an earlier Kendo version number v2012.1.322 but not on the later ones.

[fbaptiste]

and here is the link:
http://jsfiddle.net/kob490/L5zd1c8g/10/

[Petyo]

Hello Fred,

I replied to your support ticket regarding the same issue. For your convenience, I am pasting the answer here, too:

mixing jQuery plugin instantiation with MVVM behavior is not recommended, and may have worked by accident in earlier versions. The recommended way to implement such behavior would be like this. 

Regards,
Petyo
Telerik

 

 

[Keith]

Would there be a way to handle the case in your example where the first panel did not have a subPanels:

[{
        panelName: "Panel 1"
    },{.......

Then if the subPanels were then added to the view javascript later, would they update the template view for that one panel?

[Milena]

Hello,

I modified the example as add a button for adding a sub panel to the first panel. You can test it on your side and verify if it helps. 

Regards,
Milena
Progress Telerik