dojo - dijit.dialogが表示されてもWebページにアクセスし続ける

Question

私が直面している問題は、をアクティブにするdijit.dialog()とWebページがぼやけ、ダイアログボックスを閉じるまでページに接続できないことです。ダイアログボックスを開いたままにして、ページにアクセスできる方法はありますか。アクセスとは、Webページがクリックイベントなどをリッスンできる必要があることを意味します。そうでない場合、私が使用できる他のツールはありますか？

Answer 1

(シングルトンを介して)モーダルになるように非常に配線されているdojox/layout/FloatingPaneため、考慮してください。dijit/Dialog

// var FloatingPane = require("dojox/layout/FloatingPane");
var floatingPane = new FloatingPane({
    title: "FloatingPane",
    content: "Hello World!",
    resizable: false,
    dockable: false
}, "floatingPane");

floatingPane.startup();

または、それをサブクラス化できると主張するdijit/Dialog場合は、特に奇妙なことが予想されます。モーダル/非モーダル ダイアログをネストおよび/または結合する場合:

// var Dialog = require("dijit/Dialog");
var ModelessDialog = declare(Dialog, {
    show: function() {
        this.inherited(arguments);
        Dialog._DialogLevelManager.hide(this);                      
    }
});

jsFiddle で動作を確認してください: http://jsfiddle.net/phusick/TgEWL/

注意: dojox/layout/resources/FloatingPane.cssおよびdojox/layout/resources/ResizeHandle.cssスタイルシートを使用する場合は忘れずに含めてください。FloatingPane.