Nested HTML containers binding

[Artem]

Is there a way in Kendo Framework to handle a situation when some piece of data-bound HTML layout is nested within another data-bound HTML?
Example here.
The goal here is not to decouple nested HTML from it's container without extreme necessity.
What is the recommended approach here?

[Alexander Valchev]

Hello Artem,

Thank you for getting in touch with us.
I suggest you to use a more complex selector which will exclude #nested-form container that is already bound to another View-Model.

kendo.bind($('#parent-form').children().not('#nested-form'), parentViewModel);

For your convenience I updated the jsFiddle sample:

• http://jsfiddle.net/uS7GJ/3/
  
  

Regards,
Alexander Valchev
Telerik

[Artem]

Works like a charm, thanks!