foreach中有约束力的击倒下拉

时间:2014-03-19 20:19:20

标签: javascript knockout.js

我在foreach中有一个下拉列表

 <tbody data-bind="foreach:  Details">
 <tr style="border: none">
 <select style="width: 130px" 
         data-bind=" optionsCaption: 'Choose...', 
          options: $data.filteredList, optionsText: 'number',
          optionsValue: 'id'">
 </select>
 </tr>

此绑定似乎不起作用。当我调试时,我可以看到过滤器正在更新,但我从未在下拉列表中获得任何内容。

我补充说:

<pre data-bind="text: ko.toJSON($data, null, 2)"></pre>

结果如下:

{
  "Seed": 1,
  "filteredList": [
    {
      "id": "a",
      "number": "12"
    },
    {
      "id": "b",
      "number": "12"
    } 
}

我可以看到过滤器值正在发生变化。

为什么下拉列表是空的?

1 个答案:

答案 0 :(得分:2)

如果$data.filteredList$root.filteredList的成员,只需在绑定中将filteredList更改为ModelView