3 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
4 <title>qooxdoo
» Demo
</title>
5 <link type=
"text/css" rel=
"stylesheet" href=
"../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type=
"text/javascript" src=
"../../script/qx.js"></script>
12 <script type=
"text/javascript" src=
"../../script/layout.js"></script>
14 <div id=
"demoDescription">
15 <p>Modal dialog with qx.ui.form.TextField and qx.ui.form.TextArea
</p>
19 <script type=
"text/javascript">
20 qx
.core
.Init
.getInstance().defineMain(function()
23 var d
= qx
.ui
.core
.ClientDocument
.getInstance();
26 var dialogEditFrage
= new qx
.ui
.window
.Window("Edit", "icon/16/editor.png");
28 with(dialogEditFrage
) {
29 setSpace(300, 400, 100, 300);
34 var qx_widget
= new qx
.ui
.basic
.Atom('Question');
37 setHorizontalChildrenAlign('right');
38 set({top
:10,left
:10,width
:'20%'});
42 qx_widget
= txtfld
= new qx
.ui
.form
.TextArea();
44 set({top
:10,right
:10,width
:'70%'})
48 qx_widget
= new qx
.ui
.basic
.Atom('Type');
51 setHorizontalChildrenAlign('right');
52 set({top
:70,left
:10,width
:'20%'});
56 qx_widget
= new qx
.ui
.form
.TextField();
58 set({top
:70,right
:10,width
:'70%'})
63 var btnOK
= new qx
.ui
.form
.Button("OK", "icon/16/button-ok.png");
64 var btnCancel
= new qx
.ui
.form
.Button("Cancel", "icon/16/button-cancel.png");
65 var btnSetText
= new qx
.ui
.form
.Button("Reload", "icon/16/reload.png");
67 btnOK
.set({ bottom
: 10, right
: 10 });
68 btnCancel
.set({ bottom
: 10, left
: 10 });
69 btnSetText
.set({ bottom
: 10, left
: 100 });
71 btnCancel
.addEventListener("execute", function(e
) {
72 dialogEditFrage
.close();
74 btnOK
.addEventListener("execute", function(e
) {
75 dialogEditFrage
.close();
78 btnSetText
.addEventListener("execute", function(e
) {
79 txtfld
.setValue("Some Text here!");
80 txtfld
.setFocused(true);
83 add(btnOK
, btnCancel
, btnSetText
);
87 var btnOpen
= new qx
.ui
.form
.Button("Open the dialog");
88 btnOpen
.set({ top
: 50, left
: 20 });
89 btnOpen
.addEventListener("click", function(e
) {
90 dialogEditFrage
.open();
93 d
.add(btnOpen
,dialogEditFrage
);