更新淘汰视图模型属性时激发更改事件

Firing change event when knockout view model property is updated

本文关键字：事件 淘汰 视图 模型 属性 更新      更新时间：2024-03-15

这里有一个jsfiddle来展示问题所在：

http://jsfiddle.net/boblauer/BgvV4/

我正在尝试在更新文本字段后激发更改事件。不幸的是，在subscribe方法中，文本框的值还没有更新，所以当我计算更改事件时，它被过早地触发了。

我需要触发更改事件，因为我有超出我控制范围的第三方代码，它依赖于更改事件。

有什么建议吗？

一个简单的解决方案是将对$（"#text1"）.change（）的调用封装在setTimeout中，超时值为0。这足以让knockout在调用jquery更改处理程序之前对文本框值进行（同步）更新。

我用你的小提琴来演示：http://jsfiddle.net/SuRYa/1//

如果这是您需要做的很多事情，那么更好的解决方案可能是将此行为封装在自定义绑定中，其中绑定的"更新"回调将在更新的元素上触发jquery更改事件。

bmode是对的，自定义绑定就可以了。虽然这个答案有点晚，但这里是绑定，以防它能帮助后续阅读本文的人。它使用jQuery更新文本框的值——DOM现在已经更新，以便Bob的第三方代码能够工作——所以它会触发更改事件。

ko.bindingHandlers.valueAndFireChange = {
    update: function(element, valueAccessor) {
        var val = ko.unwrap(valueAccessor());
        if (val == undefined) return;
        $(element).val(val);
        $(element).change();
    }
};

下面是Bob小提琴的更新版本，展示了这一点：

http://jsfiddle.net/BgvV4/17/

我将警报更改为console.log，因此您需要打开控制台才能查看有用的信息。

相关文章：