diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Window_6.html')
-rw-r--r-- | swat/apps/qooxdoo-examples/test/Window_6.html | 109 |
1 files changed, 109 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Window_6.html b/swat/apps/qooxdoo-examples/test/Window_6.html new file mode 100644 index 0000000000..af837c4c65 --- /dev/null +++ b/swat/apps/qooxdoo-examples/test/Window_6.html @@ -0,0 +1,109 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>Dialog with qx.ui.form.TextField and qx.ui.form.TextArea</p> + <p>Testing initial focus handling.</p> + </div> + + + <script type="text/javascript" language="JavaScript"> + + + qx.core.Init.getInstance().defineMain(function() { + + var d = qx.ui.core.ClientDocument.getInstance(); + var txtfld; + + var dialogEditFrage = new qx.ui.window.Window("Edit", "icon/16/editor.png"); + + + with(dialogEditFrage) { + setSpace(300, 400, 100, 300); + + setShowClose(false); + + var qxObj = new qx.ui.basic.Atom('Question'); + with(qxObj) + { + setHorizontalChildrenAlign('right'); + set({top:10,left:10,width:'20%'}); + }; + add(qxObj); + + qxObj = txtfld = new qx.ui.form.TextArea(); + with (qxObj) { + set({top:10,right:10,width:'70%'}) + } + add(qxObj); + + txtfld.addEventListener("appear", function(e) { + this.focus(); + }); + + qxObj = new qx.ui.basic.Atom('Type'); + with(qxObj) + { + setHorizontalChildrenAlign('right'); + set({top:70,left:10,width:'20%'}); + }; + add(qxObj); + + qxObj = new qx.ui.form.TextField(); + with (qxObj) { + set({top:70,right:10,width:'70%'}) + } + add(qxObj); + + + var btnOK = new qx.ui.form.Button("OK", "icon/16/button-ok.png"); + var btnCancel = new qx.ui.form.Button("Cancel", "icon/16/button-cancel.png"); + var btnSetFocus = new qx.ui.form.Button("Set Focus To First Field", "icon/16/reload.png"); + + btnOK.set({ bottom : 10, right : 10 }); + btnCancel.set({ bottom : 10, left : 10 }); + btnSetFocus.set({ bottom : 10, left : 100 }); + + btnCancel.addEventListener("execute", function(e) { + dialogEditFrage.close(); + }); + btnOK.addEventListener("execute", function(e) { + dialogEditFrage.close(); + }); + + btnSetFocus.addEventListener("execute", function(e) { + txtfld.focus(); + }); + + add(btnOK, btnCancel, btnSetFocus); + } + + var btnOpen = new qx.ui.form.Button("Open the dialog"); + btnOpen.set({ top : 50, left : 20 }); + btnOpen.addEventListener("click", function(e) { + dialogEditFrage.open(); + }); + + var btnRestore = new qx.ui.form.Button("Restore the dialog"); + btnRestore.set({ top : 80, left : 20 }); + btnRestore.addEventListener("click", function(e) { + dialogEditFrage.restore(); + }); + + d.add(btnOpen,btnRestore,dialogEditFrage); + }); + + </script> + +</body> +</html> |