有一个复选框淘汰赛列表绑定,然后单击处理

这里是我的插图的jsfiddle:http://jsfiddle.net/hawaii/gN6CT/10/

我有我要绑定到使用jQuery模板的UL JSON对象,每个里我对每个项目的复选框的列表,与该项目其他细节。 我希望它的工作方式是:

当复选框用户点击,该项目将被更新到选定的列表(得到这个工作)

当项目的细节用户点击,该项目将被选中的一个,我会在右侧显示的所有细节。 这就是为什么我把一个元素中的项目的详细信息。

正如你可以从小提琴看到,它不工作,我希望它的工作,单击绑定即使在视图模型首次应用的调用方式,当我点击复选框,它调用click事件也是如此。

你能击倒大师帮助我在此请。 谢谢

--------------解决方案-------------

我看到一对夫妇的小东西:

1,你不应该同时使用checkedvalue在相同的元素结合。 该value绑定将附加的事件处理程序,将checked绑定。 在这种情况下,你只是想确保value属性设置,不处理任何事件,所以你可以这样做: checked:$parent.checkedPeople, attr: { value: Id }

2-点击结合期望执行到函数和函数的不结果的参考。 所以,你路过: click: $parent.selectPerson(Id()) 这将绑定过程中执行的功能,并尝试对绑定的结果(这不会是有效的,除非结果实际上是一个功能)。 另一种方法是做: click: function() { $parent.selectPerson(Id()); } click: function() { $parent.selectPerson(Id()); } 。 然而,这是丑陋的有在标记匿名函数,因此,一个更好的选择是简单地做: click: $parent.selectPerson 。 目前的$data将沿着作为第一个参数传递,你可以阅读Id关闭它。

下面是一个更新的提琴:http://jsfiddle.net/rniemeyer/gN6CT/11/

分类:JavaScript的 时间:2015-03-14 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 3.335 (s). 10 q(s)