如何使用微调器输入强制valueUpdate(knockoutJS）

How to force valueUpdate (knockoutJS) with spinner input

本文关键字：valueUpdate knockoutJS 输入 何使用      更新时间：2024-01-09

我有一个带有以下HTML的微调器：

<input id="infoX"  data-bind="spinner: infoXpos, spinnerOptions: { min: -50, max: 50 }, valueUpdate: ['propertychange','input']"  />

然而，在我改变焦点之前，valueUpdate似乎不起作用。有没有其他方法可以强制更新，以便每次点击微调器按钮时，都会更新"infoXpos"？

下面是我的绑定处理程序：

    ko.bindingHandlers.spinner = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        //initialize datepicker with some optional options
        var options = allBindingsAccessor().spinnerOptions || {};
        //handle the field changing
        ko.utils.registerEventHandler(element, "spinchange", function () {
            var observable = valueAccessor();
            observable($(element).spinner("value"));
        });
        //handle disposal (if KO removes by the template binding)
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).spinner("destroy");
        });
        $(element).spinner(options);
    },
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor()),
            current = $(element).spinner("value");
        if (value !== current) {
            $(element).spinner("value", value);
        }
    }
};

似乎只是向SO发帖对我解决问题有很大影响。）

解决方案非常简单。我将事件处理程序更改为响应"spinstop"而不是"spinchange"。

ko.utils.registerEventHandler(element, "spinstop", function () {
        var observable = valueAccessor();
        observable($(element).spinner("value"));
    });

成功了。

Fiddle here：http://jsfiddle.net/AsleG/m6ztnqxc/

相关文章：