twitter-bootstrap – 当我使用bindingHandler时,Bootstrap Moda

发布时间：2020-12-17 21:27:52 所属栏目：安全来源：网络整理

导读：JSFiddle： http://jsfiddle.net/PTSkR/177/ 期望的行为：当我单击关闭或x按钮时,模态关闭,但如果单击“显示”,我仍然可以再次打开它. 发生了什么：模态关闭一次然后再也不会打开. 码： ko.bindingHandlers.showModal = { init: function (element,valueAcce

JSFiddle： http://jsfiddle.net/PTSkR/177/

期望的行为：当我单击关闭或x按钮时,模态关闭,但如果单击“显示”,我仍然可以再次打开它.

发生了什么：模态关闭一次然后再也不会打开.

码：

ko.bindingHandlers.showModal = {
    init: function (element,valueAccessor) {
    },update: function (element,valueAccessor) {
        var value = valueAccessor();
        if (ko.utils.unwrapObservable(value)) {
            $(element).modal('show');
                                // this is to focus input field inside dialog
            $("input",element).focus();
        }
        else {
            $(element).modal('hide');
        }
    }
};

解决方法

您需要确保处理模态的隐藏事件,以便清除可观察对象.然后,下次将其设置为true时,它将通知任何订户,因为它实际发生了更改(当值的值设置为相同值时,observable不会通知).

你的init中有这样的东西：

init: function (element,valueAccessor) {
        $(element).on("hidden",function() {
            valueAccessor()(false); 
        });
    },

如有必要,可以使用ko.isWriteableObservable来确定传递给绑定的值是否实际上是您可以写入的可观察对象.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!