KnockoutJS JQuery 组合框绑定

Question

我想为使用 JQuery Autocomplete Combobox 并允许 2 路绑定的淘汰赛制作绑定。

http://jsfiddle.net/rniemeyer/PPsRC/ 来自this 的问题已经开始，但没有完全实现 jQuery 演示站点上的组合框功能。 （即选择突出显示、按钮样式、按钮未提交表单等）。

Answer 1

这有点晚了，但我的Knockout UI 库中有一个双向自动完成组合框绑定（请参阅下拉菜单）。看看有没有帮助。

谢谢

Answer 2

我在我的项目中使用了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");
    }
};