0

我正在使用此处找到的解决方案：

KnockoutJS 未捕获 jQuery UI 日期选择器更改事件

我在页面上有许多日期选择器控件。当其中一个发生更改时，所有这些更改事件都会触发。

RefreshData 是一个自定义函数，用于在日期范围更改时刷新 ViewModel 中的数据。

我错过了什么 - 这是一个非常令人沮丧的下午，试图让它正常工作

这是我的淘汰赛绑定：

ko.bindingHandlers.datepicker = {
init: function (element, valueAccessor, allBindingsAccessor) {
    var options = allBindingsAccessor().datepickerOptions || {};
    $(element).datepicker(options);

    ko.utils.registerEventHandler(element, "change", function () {
        var observable = valueAccessor();
        observable($(element).datepicker("getDate"));
    });

    ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
        $(element).datepicker("destroy");
    });

},
update: function (element, valueAccessor) {
    var value = ko.utils.unwrapObservable(valueAccessor());
    var current = $(element).datepicker("getDate");

    if (value - current !== 0) {
        $(element).datepicker("setDate", value);
    }

    RefreshData(element.id); //Should only fire once, but is firing for every datepicker on the page
}
};
4

1 回答 1

-1

好的 - 找到了答案。当我退后一步并在 StackOverflow 上重新查看它时，真的很明显（我正在配对 - 所以我们都错过了它）。

更新函数是对日期选择器的更新，而不是特定元素。我需要的是以下内容：

ko.bindingHandlers.datepicker = {
init: function (element, valueAccessor, allBindingsAccessor) {
    var options = allBindingsAccessor().datepickerOptions || {};
    $(element).datepicker(options);

    ko.utils.registerEventHandler(element, "change", function () {
        var observable = valueAccessor();
        observable($(element).datepicker("getDate"));

        RefreshData(element.id); //This now fires only on the change event of the correct datepicker
    });

    ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
        $(element).datepicker("destroy");
    });

},
update: function (element, valueAccessor) {
    var value = ko.utils.unwrapObservable(valueAccessor());
    var current = $(element).datepicker("getDate");

    if (value - current !== 0) {
        $(element).datepicker("setDate", value);
    }


}
};
于 2012-11-12T13:03:10.633 回答