| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <title>Dojo Spinner Widget Test</title> |
|---|
| 6 | |
|---|
| 7 | <style type="text/css"> |
|---|
| 8 | @import "../../../dojo/resources/dojo.css"; |
|---|
| 9 | @import "../../../dijit/tests/css/dijitTests.css"; |
|---|
| 10 | @import "../../../dijit/themes/claro/claro.css"; |
|---|
| 11 | </style> |
|---|
| 12 | |
|---|
| 13 | <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug:true, parseOnLoad: true"></script> |
|---|
| 14 | |
|---|
| 15 | <script type="text/javascript"> |
|---|
| 16 | dojo.require("dojo.parser"); |
|---|
| 17 | dojo.require("dojox.form.TimeSpinner"); |
|---|
| 18 | |
|---|
| 19 | function displayData() { |
|---|
| 20 | var spinner = dijit.byId("timeSpinner"); |
|---|
| 21 | |
|---|
| 22 | //accessing the widget property directly |
|---|
| 23 | console.log("TimeSpinner Value (raw, unserialized): ", spinner.get('value')); |
|---|
| 24 | |
|---|
| 25 | //accessing the widget from the form elements |
|---|
| 26 | var theForm = dojo.byId("form1"); |
|---|
| 27 | var s = ""; |
|---|
| 28 | for (var i=0; i<theForm.elements.length;i++){ |
|---|
| 29 | var elem = theForm.elements[i]; |
|---|
| 30 | if (!elem.name || elem.name =="button") { continue ; } |
|---|
| 31 | s+=elem.name + ": " + elem.value + "\n"; |
|---|
| 32 | } |
|---|
| 33 | console.log(s); |
|---|
| 34 | |
|---|
| 35 | } |
|---|
| 36 | |
|---|
| 37 | </script> |
|---|
| 38 | </head> |
|---|
| 39 | |
|---|
| 40 | <body class="claro"> |
|---|
| 41 | <h1 class="testTitle">Dojox TimeSpinner Test</h1> |
|---|
| 42 | Try typing values, and use the up/down arrow keys and/or the arrow push |
|---|
| 43 | buttons to spin |
|---|
| 44 | <br> |
|---|
| 45 | <form id="form1" action="" name="example" method="post"> |
|---|
| 46 | <h1>time spinner</h1> |
|---|
| 47 | <br> |
|---|
| 48 | <input id="timeSpinner" dojoType="dojox.form.TimeSpinner" |
|---|
| 49 | onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);" |
|---|
| 50 | value="12:30 PM" |
|---|
| 51 | name="timeSpinner" |
|---|
| 52 | hours="12" |
|---|
| 53 | id="timeSpinner" /> |
|---|
| 54 | </form> |
|---|
| 55 | |
|---|
| 56 | <div> |
|---|
| 57 | <button name="button" onclick="displayData(); return false;">view data</button> |
|---|
| 58 | </div> |
|---|
| 59 | |
|---|
| 60 | </body> |
|---|
| 61 | </html> |
|---|
