swat/apps/qooxdoo-examples/example/Spinner_1.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <p>Test for qx.ui.form.Spinner.</p>
  16   </div>
  17
  18   <script type="text/javascript">
  19   qx.core.Init.getInstance().defineMain(function()
  20   {
  21     var d = qx.ui.core.ClientDocument.getInstance();
  22     var s1 = new qx.ui.form.Spinner;
  23
  24     with(s1)
  25     {
  26       setLeft(20);
  27       setTop(64);
  28     };
  29
  30     d.add(s1);
  31
  32     d.add( (new qx.ui.basic.Label("100").set({left:20, top:48})) );
  33     d.add( (new qx.ui.basic.Label("0").set({left:20, top:90})) );
  34
  35     var s2 = new qx.ui.form.Spinner;
  36
  37     with(s2)
  38     {
  39       setLeft(100);
  40       setTop(64);
  41       setValue(30);
  42       setMin(-30);
  43       setMax(30);
  44     };
  45
  46     d.add(s2);
  47
  48     d.add( (new qx.ui.basic.Label("30").set({left:100, top:48})) );
  49     d.add( (new qx.ui.basic.Label("-30").set({left:100, top:90})) );
  50
  51     var s3 = new qx.ui.form.Spinner;
  52
  53     with(s3)
  54     {
  55       setLeft(180);
  56       setTop(64);
  57       setValue(0);
  58       setMin(-3000);
  59       setMax(3000);
  60     };
  61
  62     d.add(s3);
  63
  64     d.add( (new qx.ui.basic.Label("3000").set({left:180, top:48})) );
  65     d.add( (new qx.ui.basic.Label("-3000").set({left:180, top:90})) );
  66
  67     /*
  68     s3._manager.addEventListener("changeValue", function(e) {
  69       this.debug("Value: " + e.getData());
  70     });
  71     */
  72
  73     var s4 = new qx.ui.form.Spinner;
  74
  75     with(s4)
  76     {
  77       setLeft(260);
  78       setTop(64);
  79       setValue(0);
  80       setMin(100);
  81       setMax(200);
  82     };
  83
  84     d.add(s4);
  85
  86     d.add( (new qx.ui.basic.Label("200").set({left:260, top:48})) );
  87     d.add( (new qx.ui.basic.Label("100").set({left:260, top:90})) );
  88
  89
  90     var s5 = new qx.ui.form.Spinner( -200, null, -100);
  91
  92     with(s5)
  93     {
  94       setLeft(340);
  95       setTop(64);
  96     };
  97
  98     d.add(s5);
  99
 100     d.add( (new qx.ui.basic.Label("-100").set({left:340, top:48})) );
 101     d.add( (new qx.ui.basic.Label("-200").set({left:340, top:90})) );
 102
 103   });
 104   </script>
 105 </body>
 106 </html>