diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Builder_2.xml')
-rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Builder_2.xml | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Builder_2.xml b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Builder_2.xml new file mode 100644 index 0000000000..e440ac2a3b --- /dev/null +++ b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Builder_2.xml @@ -0,0 +1,51 @@ +<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.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.Script> + // test delegate function + var f = function(e) { + alert(e + '\n\nclick received at delegate function\n\n'); + } + + // test delegate object + var d = { + hello : 'world', + click : function(e) { + alert(e + '\n\nclick received at delegate object\n\n' + this.hello); + } + } + </qx.client.builder.Script> +</qx.client.builder.Container> |