jquery - knockout - 取消变更事件？

Question

我有一个复选框绑定(bind)到 View 模型上的可观察对象。我需要弹出一个“你确定吗？”如果用户将其从 true 更改为 false，则会出现确认提示。我很难找到使更改“可取消”的最佳位置。 。 .

1) 单击事件的 jQuery 处理程序2)Viewmodel内部订阅“beforeChange”3)Viewmodel内部订阅(普通)

无论如何，我更愿意有机会直接取消更改，而不是对更改使用react，如果需要的话，可能会将其恢复到之前的值。

Knockout 的订阅事件是否让您有机会取消更改？任何见解将不胜感激。谢谢!

Answer 1

这是一个使用 jQuery 的 stopImmediatePropagation 的简单选项:

http://jsfiddle.net/rniemeyer/cBvXM/

<input type="checkbox" data-bind="click: confirmCheck, checked: myvalue" />

js:

var viewModel = {
    myvalue: ko.observable(false),
    confirmCheck: function(data, event) {
        if (!confirm("Are you sure?")) {
            event.stopImmediatePropagation();            
            return false;
        }
        return true;
    }
};