qooxdooのModalダイアログ

qx.ui.window.WindowをModalWindowで開く時にはDocument本体にaddしないといけない。
そうしないと、開いた瞬間、全てのWidgetが操作を受け付けなくなる。
あ。あと、表示位置がズレたりする。

At a glanceのサンプルから拾ってきたコードをちょっと修正。

var doc = qx.ui.core.ClientDocument.getInstance();
var dialogEditFrage = new qx.ui.window.Window("Edit", "icon/16/editor.png");

with(dialogEditFrage) {
  setSpace(300, 250, 300, 160);
  setModal(true);
  set({ moveable: true, showMinimize: false, showMaximize: false, showClose: false });
 
  …
}

var btnOpen = new qx.ui.form.Button("ダイアログを開く");
btnOpen.addEventListener("click", function(e) {
  dialogEditFrage.open();
});

HorizontalBoxLayout_2.add(btnOpen);
doc.add(dialogEditFrage);

---

コメントを残すか、ご自分のサイトからトラックバックすることができます。