Suggestion for implementing MVVM on a single item level

[Thomas]

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.

Thanks!

[Daniel]

Hi,

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:

• http://docs.kendoui.com/getting-started/framework/mvvm/overview
• http://docs.kendoui.com/getting-started/data-attribute-initialization

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

Regards,
Daniel
Telerik