1

ノックアウト2.2カスタムバインディングの新しいjquery1.9とjqueryui1.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);

問題はエラーです:エラー:初期化の前にダイアログでメソッドを呼び出すことができません。メソッド'close'を呼び出そうとしました

setTimeoutを削除すると、applyBindingsがダイアログに2回適用されます。

4

1 に答える 1

2

呼び出す前にダイアログが初期化されているかどうかを確認すると、open修正されます。

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

がデフォルトの場合、初期化中にダイアログが開かれるため、イニシャルupdateはまったく必要ありません。autoOpentrue

編集:が最初の
ときに正しくするには、オプションを設定するために変更を加える必要があります。dialogVisiblefalseautoOpen

...
options.autoOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible);
$(element).dialog(options); 
于 2013-02-05T12:49:15.220 に答える