swat.obsolete/apps/qooxdoo-examples/test/ToolBar_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>Create ten toolbars. Stress Test.</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 btns1 = [
  24         { type : "button", icon : "file-new", text : "New" },
  25         { type : "separator" },
  26         { type : "button", icon : "edit-copy", text : "Copy" },
  27         { type : "button", icon : "edit-cut", text : "Cut" },
  28         { type : "button", icon : "edit-paste", text : "Paste" }
  29       ];
  30
  31       var btns2 = [
  32         { type : "button", icon : "up", text : "Upload" },
  33         { type : "button", icon : "down", text : "Download" }
  34       ];
  35
  36       var btns3 = [
  37         { type : "button", icon : "help", text : "Hilfe" }
  38       ];
  39
  40       var bars = [ btns1, btns2, btns3 ];
  41
  42       function changeLayout(e) {
  43         this.setShow(e.getData());
  44       };
  45
  46       function changeSize(e) {
  47         var v = e.getData();
  48         var o = v == 22 ? 32 : 22;
  49
  50         this.setIcon(this.getIcon().replace(o, v));
  51       };
  52
  53       var useParts = true;
  54
  55       for (var k=0; k<10; k++)
  56       {
  57         var tb = new qx.ui.toolbar.ToolBar;
  58         with(tb)
  59         {
  60           setTop(48+(k*50));
  61           setLeft(20);
  62           setRight(335);
  63         };
  64
  65         for (var j=0; j<bars.length; j++)
  66         {
  67           var btns = bars[j];
  68
  69           if (useParts) {
  70             var tbp = new qx.ui.toolbar.ToolBarPart;
  71           };
  72
  73           for (var i=0; i<btns.length; i++)
  74           {
  75             var btn = btns[i];
  76
  77             switch(btn.type)
  78             {
  79               case "separator":
  80                 var o = new qx.ui.toolbar.ToolBarSeparator;
  81                 break;
  82
  83               case "button":
  84                 var o = new qx.ui.toolbar.ToolBarButton(btn.text, "icon/22/" + btn.icon + ".png");
  85
  86                 // beautiful decoupling: toolbar buttons don't know about radio boxes
  87
  88                 d.addEventListener("changeLayout", changeLayout, o);
  89                 d.addEventListener("changeSize", changeSize, o);
  90                 break;
  91             };
  92
  93             if (useParts)
  94             {
  95               tbp.add(o);
  96             }
  97             else
  98             {
  99               tb.add(o);
 100             };
 101           };
 102
 103           if (useParts) {
 104             tb.add(tbp);
 105           };
 106         };
 107
 108         d.add(tb);
 109       };
 110     });
 111   </script>
 112 </body>
 113 </html>