summaryrefslogtreecommitdiff
path: root/swat/apps/qooxdoo-examples/test/Builder_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Builder_1.html')
-rw-r--r--swat/apps/qooxdoo-examples/test/Builder_1.html73
1 files changed, 73 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Builder_1.html b/swat/apps/qooxdoo-examples/test/Builder_1.html
new file mode 100644
index 0000000000..baa29c31aa
--- /dev/null
+++ b/swat/apps/qooxdoo-examples/test/Builder_1.html
@@ -0,0 +1,73 @@
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>qooxdoo &raquo; 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>
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function() {
+ new qx.client.Builder().build(qx.ui.core.ClientDocument.getInstance(), document.getElementById('widgets'));
+ });
+
+ // test delegate object
+ var d = {
+ hello : 'world',
+ click : function(e) {
+ alert(e + '\n\nclick received at delegate object\n\n' + this.hello);
+ }
+ }
+
+ // test delegate function
+ var f = function(e) {
+ alert(e + '\n\nclick received at delegate function\n\n');
+ }
+ </script>
+ <div id="demoDescription">
+ <p>qx.client.Builder demo.</p>
+ <p>Build your web apps using qooxdooml.</p>
+ <p>Textarea example</p>
+ </div>
+ <textarea id='widgets' style='display:none'>
+ <qx.client.builder.Container>
+ <qx.ui.form.Button id='btn' label='Click Me!!!' location='20,50'>
+
+ <!-- function body event listener -->
+ <qx.client.builder.EventListener type='click' args='event'>
+ btn.setLabel(btn.getLabel() + ".");
+ alert(event + "\n\nClicked on: " + this.getLabel());
+ </qx.client.builder.EventListener>
+
+ <!--
+ global object.method delegation
+ when the button is clicked, d.click(event) will be called
+ -->
+ <qx.client.builder.EventListener type='click' delegate='d.click'/>
+
+ <!--
+ global function delegation
+ when the button is clicked, f(event) will be called
+ -->
+ <qx.client.builder.EventListener type='click' delegate='f'/>
+
+ </qx.ui.form.Button>
+ <qx.ui.basic.Atom id='atom1' label='Test No #1' icon='icon/16/penguin.png' border='qx.renderer.border.BorderPresets.getInstance().black' location='20,90'/>
+
+ <qx.ui.form.Button label='Test No #2' icon='icon/16/penguin.png' location='20,120'>
+ <qx.client.builder.EventListener type='click'>
+ atom1.setLabel(atom1.getLabel() + ".");
+ </qx.client.builder.EventListener>
+ </qx.ui.form.Button>
+ <qx.ui.basic.Atom label='Test No #3' icon='icon/16/penguin.png' location='20,160'/>
+ <qx.ui.basic.Atom label='a' icon='icon/16/penguin.png' location='20,200'/>
+ <qx.ui.basic.Atom label='b' icon='icon/16/penguin.png' location='20,240'/>
+ </qx.client.builder.Container>
+ </textarea>
+</body>
+</html>