javascript - Knockout 不同步选项的选定属性的手动设置

Question

我将这个 jQuery 插件用于多选列表框 http://www.quasipartikel.at/multiselect/ ，并且都使用 knockoutjs 绑定(bind)到 View 模型。

当一个项目被选中或取消选中时，该插件设置选项的 selected 属性。但是 knockout 显然没有检查该属性的变化，所以我的 View 模型没有被更新。

现在，在我更改插件并编写自定义绑定(bind)之前，有没有办法告诉 knockoutjs 监视所选属性？

Answer 1

您可能只设置 knockout 来处理点击事件，那将是最简单的。例如

要选择，请在右侧添加 <li>或者任何你认为最好的

data-bind="click: function(){ select(country); }"

要取消选择，请在左侧添加 <li>或者任何你认为最好的

data-bind="click: function(){ deselect(country); }"

然后您还需要处理程序在 observableArrays 之间添加/删除/移动

viewModel = {
  select: function(){ /* add to observableArray */ },
  deselect: function(){ /* remove from observableArray */ }
};