剔除自定义选择活页夹，具有更新功能

Question

我正在尝试开发自定义选择活页夹，但是我不明白如何开发更新功能。 目前， 这是我所做的。 我希望自定义活页夹处理此类数据

[{
    message: "Hello",
    Value: 1
}, {
    message: "Hi",
    Value: 2
}, {
    message: "Bye",
    Value: 3
}, ]

Answer 1

据我了解，问题是：您正在使用Bootstrap Fullscreen Select ，并且可以对其进行初始化，但是当您选择一个新值时，不会观察到任何更新。 基本上，我们需要知道何时选择新值。

由于小部件的工作方式是弹出一个选项屏幕，并允许您选择一个选项，然后关闭该弹出窗口， 并且小部件提供了执行onClose回调的功能，这就是我们所需要的。

我在select中使用value绑定的标准约定。 当小部件关闭时，如果新值与绑定值不同，我将把绑定值更新为在小部件中选择的新值。

ko.bindingHandlers.menu = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        var valueObservable = allBindingsAccessor().value;
        $(element).mobileSelect({
            onClose: function () {
                var newValue = $(this).val();
                if (newValue !== valueObservable()) {
                    valueObservable(newValue);
                }
            }
        });
    }
};

小提琴： http : //jsfiddle.net/4zsu9pv2/4/