diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DateChooserButton_2.html')
-rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DateChooserButton_2.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DateChooserButton_2.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DateChooserButton_2.html new file mode 100644 index 0000000000..024c955f5b --- /dev/null +++ b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DateChooserButton_2.html @@ -0,0 +1,65 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/sample.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>Test the date chooser button component.</p> + <p>This widget can be associated to another widget (in this case a textfield) which then + is synchronized with the selected date from the date chooser</p> + <p>The second demo is localized for german dates</p> + </div> + + <script type="text/javascript"> + + qx.locale.Manager.getInstance().setLocale("de_DE"); + + qx.core.Init.getInstance().defineMain(function() + { + var d = qx.ui.core.ClientDocument.getInstance(); + + function changeValue(e) { + this.debug("Text changed: " + e.getData()); + } + + var l1 = new qx.ui.basic.Label("Ein Datum: "); l1.set({top:51, left:20}); + d.add(l1); + + var tf1 = new qx.ui.form.TextField; tf1.set({top:48,left:80,width:70}); + tf1.addEventListener("changeValue", changeValue); + d.add(tf1); + + + var dcb1 = new qx.ui.component.DateChooserButton(); + dcb1.set({top:47,left:152}); + // associate the date chooser button to the textfield tf1: + dcb1.setTargetWidget(tf1); + // change the button text + dcb1.setLabel("Bitte ein Datum auswählen"); + // change the chooser window title + dcb1.setChooserTitle("Einfache Datumsauswahl"); + + d.add(dcb1); + + var l2 = new qx.ui.basic.Label("Datum 2: "); l2.set({top:91, left:20}); + d.add(l2); + + var tf2 = new qx.ui.form.TextField; tf2.set({top:88,left:80,width:70}); + tf2.addEventListener("changeValue", changeValue); + d.add(tf2); + + var dcb2 = new qx.ui.component.DateChooserButton(tf2); + dcb2.set({top:87,left:152,chooserTitle:"Bitte ein Datum wählen"}); + d.add(dcb2); + }); + </script> +</body> +</html>
\ No newline at end of file |