Suggestion for implementing MVVM on a single item level

2 posts, 0 answers
  1. Thomas
    Thomas avatar
    9 posts
    Member since:
    Oct 2012

    Posted 19 Jul 2013 Link to this post

    I am creating an app with Kendo UI that you can see in the attached file.

    Here everything is MVVM: the whole tabstrips are populated through JS variables loaded through Ajax. All the tabs you don't see the content of are lists of items and charts, where you can add/edit/remove items and it's directly visible without reload. On the "Informations" tab (the one you see) however, there are general information blocks that I want to be able to edit through forms in a popup. 
    Although I'd know how to achieve this with regular JS, I'd like to know which way you'd recommend to use with Kendo MVVM - knowing there is an existing observable with all the data.

  2. Daniel
    Daniel avatar
    2231 posts

    Posted 23 Jul 2013 Link to this post


    I posted my reply in the support ticket on the same topic. For convenience I am pasting my reply below:

    Basically you should use the kendo.bind method to bind the viewModel to the container and specify the bindings in the markup. I created a small jsBin example showing how to edit too separate models in a popup. I would also suggest to check the following documentation topics:

    as well as the documentation for the different types of binding.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top