最新的敲除和jquery ui对话框出错:无法在初始化之前调用

Error with latest knockout and jquery ui dialog: cannot call prior to initialization

本文关键字：初始化 调用 出错 jquery 对话框 ui 最新      更新时间：2023-09-26

我尝试使用knocket 2.2自定义绑定新的jquery 1.9和jquery ui 1.9.2。代码来自这里：将jquery ui对话框与knockoutjs集成使用更新的库：http://jsfiddle.net/SnPdE/323/

ko.bindingHandlers.dialog = {
        init: function(element, valueAccessor, allBindingsAccessor) {
            var options = ko.utils.unwrapObservable(valueAccessor()) || {};
            //do in a setTimeout, so the applyBindings doesn't bind twice from element being copied and moved to bottom
            setTimeout(function() { 
                options.close = function() {
                    allBindingsAccessor().dialogVisible(false);                        
                };
                $(element).dialog(options);          
            }, 0);
            //handle disposal (not strictly necessary in this scenario)
             ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
                 $(element).dialog("destroy");
             });   
        },
        update: function(element, valueAccessor, allBindingsAccessor) {
             var shouldBeOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible);
             $(element).dialog(shouldBeOpen ? "open" : "close");
        }
};

var viewModel = {
    label: ko.observable('dialog test'),
    isOpen: ko.observable(false),
    open: function() {
       this.isOpen(true);   
    },
    close: function() {
       this.isOpen(false);   
    }
};
ko.applyBindings(viewModel);

问题是错误：错误：无法在初始化之前调用对话框上的方法；尝试调用方法"关闭"

如果我删除setTimeout，那么applyBindings将应用于对话框两次。

在调用open之前检查对话框是否已初始化将修复它。

if ($(element).data('dialog')) {
    $(element).dialog(shouldBeOpen ? "open" : "close");
}

初始update根本不需要，因为如果默认autoOpen为true，则在初始化期间会打开对话框。

编辑：
当dialogVisible最初为false时，为了正确起见，应更改设置autoOpen选项。

...
options.autoOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible);
$(element).dialog(options);
相关文章：