MVVM binding does not work properly on Nested Templates with collections

5 posts, 0 answers
  1. fbaptiste
    fbaptiste avatar
    19 posts
    Member since:
    Apr 2007

    Posted 01 Oct 2014 Link to this post

    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.
  2. fbaptiste
    fbaptiste avatar
    19 posts
    Member since:
    Apr 2007

    Posted 01 Oct 2014 in reply to fbaptiste Link to this post

    and here is the link:
  3. Petyo
    Petyo avatar
    2444 posts

    Posted 02 Oct 2014 Link to this post

    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

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  4. Keith
    Keith avatar
    32 posts
    Member since:
    Sep 2011

    Posted 09 Aug 2017 in reply to Petyo Link to this post

    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?
  5. Milena
    Milena avatar
    257 posts

    Posted 11 Aug 2017 Link to this post


    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. 

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top