Question

B＆＃34; H

我正在开发一个基于淘汰赛的旧项目。我正在尝试创建一个自定义绑定（对于select2），但我遇到了一个砖墙，试图找出哪些属性（值）是那些已经改变的。（/ p>

即如何知道选项列表是否刚刚改变？或者选择的值？

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

Answer 1

Knockout中的每个observable都有订阅，所以如果你有

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');
    }
};

在淘汰赛自定义绑定中，您如何知道触发更新的值是什么？

1 个答案: