KnockoutJS JQuery Combobox绑定

时间:2011-10-26 16:44:27

标签: jquery knockout.js

我想对使用JQuery Autocomplete Combobox的淘汰赛进行绑定,并允许双向绑定。

来自http://jsfiddle.net/rniemeyer/PPsRC/问题的

this问题已经开始,但并没有像jQuery演示网站那样完全实现组合框功能。 (即选择突出显示,按钮样式,不提交表单的按钮等)。

2 个答案:

答案 0 :(得分:3)

这有点晚了,但我的Knockout UI库中有一个双向自动完成组合框绑定(请参阅下拉列表)。看看它是否有帮助。

由于

答案 1 :(得分:3)

我在我的项目中使用了http://harvesthq.github.com/chosen/。它比标准HTML控件SELECT完美。所以我使用标准绑定来管理SELECT(options,value,selectionOptions)和其他自定义绑定chosen,将标准控件转换为花哨的控件。

您可以结帐使用示例:http://jsfiddle.net/romanych/PcXrP/6/

有绑定代码。这很简单

ko.bindingHandlers.chosen = {
    init: function(elemenet, valueAccessor) {
        var chosenOptions = ko.utils.unwrapObservable(valueAccessor());
        $(elemenet).chosen(chosenOptions);
    },
    update: function(elemenet, valueAccessor, allValuesAccessor) {
        // Subscribe to any change of underlying SELECT-element
        ko.utils.unwrapObservable(allValuesAccessor().value);
        ko.utils.unwrapObservable(allValuesAccessor().options);
        ko.utils.unwrapObservable(allValuesAccessor().selectedOptions);
        $(elemenet).trigger("liszt:updated");
    }
};