0

我遇到了淘汰赛的问题,当我选中一个框时,它们都被选中了...

这就是我所拥有的:_Categories_List 包含所有项目,而 My_categories 是我想要添加每个 id 的空列表

这是代码:

 <!-- ko foreach: _Categories_List --> 
    <input type="checkbox" data-bind="attr: {value: $data}, checked: $root.My_categories" />
    <span data-bind="text: CODE"></span><br />
 <!-- /ko -->

这是代码的 JS 部分(我不能真正改变代码在文档中的方式,因为我正在构建其他人的工作并且应该使用相同的代码 - 参考 mapping.fromJS):

var Poi = new Object();  
Poi.My_categories = [];
var _Poi = ko.mapping.fromJS(Poi);

var Categories_List = [];
var _Categories_List = ko.mapping.fromJS(Categories_List);

$(document).ready
(
    function () {        
       ko.applyBindings(_Poi);
       // here there's an ajax function to load the categories returned in i_Input.My_Result, then:
       ko.mapping.fromJS(i_Input.My_Result, _Categories_List);
    }
);

这是从 ajax 加载的对象的样子:

{"My_Result":[
  {"CODE":"chalet","DEF_POIS_CATEGORY_ID":2,"DESCRIPTION":"chalet","ENTRY_DATE":"2012-10-10","ENTRY_USER_ID":2,"OWNER_ID":1},
  {"CODE":"vila","DEF_POIS_CATEGORY_ID":3,"DESCRIPTION":"villa","ENTRY_DATE":"2012-10-10","ENTRY_USER_ID":2,"OWNER_ID":1}
]}
4

1 回答 1

0

checked绑定value在输入元素的基础上起作用。在您的代码中,您将值设置为等于一个对象,该对象变为[object Object],因此您的两个输入具有相同的值,这就是为什么选中一个会切换两者。

因此,您可能希望将您的值设置为等于您的CODE属性等对象上的键。如有必要,您可以使用计算出的 observable 来表示实际对象。

这是一个示例:http: //jsfiddle.net/rniemeyer/7n9gR/

于 2012-11-26T16:59:33.027 回答