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);