在剔除自定义绑定中，如何知道哪个值会触发更新？

Question

B"H

我正在做一个基于淘汰js的老项目。我正在尝试创建一个自定义绑定(针对select2)，但我遇到了一道砖墙，试图找出哪些属性(值)发生了变化。

也就是说，我如何知道选项列表是否发生了变化？还是选择的值？

如果值列表刚刚更改，那么我需要重构select2，将controls值设置为null (否则默认情况下选择第一个项)。如果用户只是在列表中选择了一个项目，那么我真的不想做任何事情。绝对不会重构整个控件或将controls设置为null。但我找不到任何办法看哪些价值观发生了变化。

Answer 1

在Knockout中观察到的每一个人都订阅了methood，所以如果你有

var myProp = ko.observable();

你可以订阅这个道具的更改，并在那里做所有必要的事情：

myProp.subscribe(function(newValue){
  console.log("value of prop changed to " + newValue);
});

我们确实通过以下方式为jquery选择的插件实现了自定义选择绑定：

    ko.bindingHandlers.chosen =
    {
    init: function (element, valueAccessor, allBindings) {
        var values = valueAccessor(),
            $element = $(element);
        $element.chosen(ko.toJS(values));

        if (ko.isObservable(values.enable)) {
            values.enable.subscribe(function (value) {
                $element.prop('disabled', !value).trigger("chosen:updated");
            });
        }

        // trigger chosen:updated event when the bound value or options changes

        ['value', 'selectedOption', 'options'].forEach(function (e) {
            var bv = allBindings.get(e);
            if (ko.isObservable(bv))
                bv.subscribe(function () { $(element).trigger('chosen:updated'); });
        });

        var prop = allBindings.get('value');
        $element.off('change');
        $element.on('change', function (obj, event) {
            if (!event || !prop) {
                return;
            }
            if (typeof (prop()) == "number" && !isNaN(Number(event.selected))) {
                prop(Number(event.selected));
            } else {
                prop(event.selected);
            }
        });
    },
    update: function (element) {
        $(element).trigger('chosen:updated');
    }
};