我如何使用jquery barrating插件连接knockout observable？

Question

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

我正在使用jquery bar-rating插件与淘汰赛viewModel。眼下 ，所有等级必须手动选择， 但我想使变量（假设评级）到观察的 ，使栏的变化，当我键入类似

viewModel.rating(2); 

在这种情况下，只有两个酒吧将被选中。

有没有想法如何做到这一点？

Answer 1

您必须进行自定义绑定才能初始化元素，并在observable发生更改时更新其值。您可以尝试使用类似下面的，但我没有测试它：

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>