swat/apps/qooxdoo-examples/test/Clone_2.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>Testfile for check cloning on QxFieldSets.</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
  23       var fs = new qx.ui.groupbox.GroupBox("My first Fieldset");
  24
  25       with(fs)
  26       {
  27         setWidth("40%");
  28         setBottom(48);
  29         setTop(48);
  30         setLeft(20);
  31
  32         setMaxWidth(350);
  33         setMinWidth(250);
  34       };
  35
  36
  37
  38       var a1 = new qx.ui.basic.Atom("TextField 1");
  39       with(a1)
  40       {
  41         setTop(13);
  42         setLeft(0);
  43         setWidth("35%");
  44       };
  45
  46       var i1 = new qx.ui.form.TextField();
  47       with(i1)
  48       {
  49         setTop(10);
  50         setRight(0);
  51         setWidth("60%");
  52       };
  53       fs.add(a1, i1);
  54
  55
  56
  57       var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/email.png");
  58       with(a2)
  59       {
  60         setTop(43);
  61         setLeft(0);
  62         setWidth("35%");
  63       };
  64       fs.add(a2);
  65
  66       var i2 = new qx.ui.form.TextField();
  67       with(i2)
  68       {
  69         setTop(40);
  70         setRight(0);
  71         setWidth("60%");
  72       };
  73       fs.add(i2);
  74
  75
  76
  77       var a3 = new qx.ui.basic.Atom("TextField 3");
  78       with(a3)
  79       {
  80         setTop(73);
  81         setLeft(0);
  82         setWidth("35%");
  83       };
  84       fs.add(a3);
  85
  86       var i3 = new qx.ui.form.TextField();
  87       with(i3)
  88       {
  89         setTop(70);
  90         setRight(0);
  91         setWidth("60%");
  92       };
  93       fs.add(i3);
  94
  95
  96       d.add(fs);
  97
  98
  99       fsclone = fs.clone(true);
 100       with(fsclone)
 101       {
 102         setLeft(400);
 103         setLegend("My cloned Fieldset");
 104       };
 105     });
 106   </script>
 107 </body>
 108 </html>