javascript - 如何将可观察到的 knockout 与 jquery barrating 插件连接起来？

Question

http://antenna.io/demo/jquery-bar-rating/examples/

我正在使用 jquery bar-rating 插件和一个 knockout viewModel。现在，必须手动选择所有评级，但我想使变量(比如说评级)成为可观察的并在我输入类似内容时更改栏

viewModel.rating(2);

在这种情况下，只会选择两个柱。

有没有办法做到这一点？

Answer 1

您必须创建自定义绑定(bind)来初始化元素并在可观察对象更改时更新其值。你可以尝试使用类似下面的东西，但我还没有测试过:

ko.bindingHandlers.barrating = {
  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
      $(element).barrating();
  },
  update: function(element, valueAccessor, allBindings, viewModel, bindingContext){
      var value = ko.unwrap(valueAccessor());
      $(element).barrating('set', value);
  }
}

...

<select data-bind="barrating: myRatingObservable">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>