码迷,mamicode.com
首页 > 其他好文 > 详细

knockout同时绑定多个实体demo

时间:2015-09-13 02:03:54      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

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

如果子页面也使用knockout绑定数据会不会冲突呢?....不会的:如何demo会输出:guo、ze;但一定要绑定到不同的节点上。

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>

knockout同时绑定多个实体demo

标签:

原文地址:http://www.cnblogs.com/guozefeng/p/4803965.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!