Kendo UI - stoping binding for part of the View -
i have complex view composed of different parts. need bind parts of manually viewmodel different 1 view itself. currently, kendo ui processing elements of view main binding - there way instruct skip elements knockout does?
thanks,
sam
i don't know how unbind element can use kendo layout , many views want. each view can have own view-model. clear , flexible solution.
<div id="app"></div> <script type="text/x-kendo-template" id="layout-template"> <h1 data-bind="text: heading"></h1> <div id="view1-container"></div> <div id="view2-container"></div> </script> <script type="text/x-kendo-template" id="sub-view1-template"> <p data-bind="text: text1"></p> </script> <script type="text/x-kendo-template" id="sub-view2-template"> <p data-bind="text: text2"></p> </script> <script> var layoutviewmodel = kendo.observable({ heading: 'layout heading' }); var view1viewmodel = kendo.observable({ text1: 'text view-model 1' }); var view2viewmodel = kendo.observable({ text2: 'text view-model 2' }); var mainlayout = new kendo.layout('layout-template', { model: layoutviewmodel}); var view1 = new kendo.view('sub-view1-template', {model: view1viewmodel}); var view2 = new kendo.view('sub-view2-template', {model: view2viewmodel}); mainlayout.render($("#app")); mainlayout.showin('#view1-container', view1); mainlayout.showin('#view2-container', view2); </script>
Comments
Post a Comment