knockout同时绑定多个实体demo

1.我们会遇到一种情景：一个页面实现复杂的功能时，我们往往会使用部分页（.netmvc中的@renderaction,java中ajax请求jsp页面）。

如果子页面也使用knockout绑定数据会不会冲突呢？....不会的:如何demo会输出：guo、ze;但一定要绑定到不同的节点或[guo不绑定节点，ze绑定节点；ze绑定的节点为guo绑定的节点的子节点]

 

demo:

  <script type="text/javascript">
        $(function(){
            var guo={
                name:"guo",
            };
            var ze={
                name:"ze",
            };
            var ViewModel = {
                test:ko.observable(guo)
            };
            var ViewModel1 = {
                test:ko.observable(ze)
            };
            ko.applyBindings(ViewModel,document.getElementById("div1"));
            ko.applyBindings(ViewModel1,document.getElementById("div2"));
        });
    </script>
</head>
<body>
<div id="div1" data-bind="text:test().name">
顶级页面
</div>
<div id="div2" data-bind="text:test().name">
子页面
</div>
</body>
</html>
posted @ 2015-09-13 01:08  aiaito  阅读(609)  评论(0)  编辑  收藏  举报