swat/apps/qooxdoo-examples/test/List_3.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>qx.ui.form.List Item Sorting demo</p>
  16   </div>
  17
  18   <script type="text/javascript">
  19
  20     qx.core.Init.getInstance().defineMain(function() {
  21         var list = new qx.ui.form.List(); list.set({top:50,left:50,height:150,width:100});
  22
  23         list.add(new qx.ui.form.ListItem('Will',null,'1'));
  24         list.add(new qx.ui.form.ListItem('Anna',null,'2'));
  25         list.add(new qx.ui.form.ListItem('Tom',null,'3'));
  26         list.add(new qx.ui.form.ListItem('Diana',null,'4'));
  27         list.add(new qx.ui.form.ListItem('Pete',null,'5'));
  28         list.add(new qx.ui.form.ListItem('Carol',null,'6'));
  29
  30         var btn1 = new qx.ui.form.Button('Sort By Label'); btn1.set({top:50,left:200});
  31         btn1.addEventListener('click',function(e){
  32             list.sortItemsByString();
  33         });
  34
  35         var btn2 = new qx.ui.form.Button('Sort By Label Reverse'); btn2.set({top:80,left:200});
  36         btn2.addEventListener('click',function(e){
  37             list.sortItemsByString(true);
  38         });
  39
  40         var btn3 = new qx.ui.form.Button('Sort By Value'); btn3.set({top:140,left:200});
  41         btn3.addEventListener('click',function(e){
  42             list.sortItemsByValue();
  43         });
  44
  45         var btn4 = new qx.ui.form.Button('Sort By Value Reverse'); btn4.set({top:170,left:200});
  46         btn4.addEventListener('click',function(e){
  47             list.sortItemsByValue(true);
  48         });
  49
  50         qx.ui.core.ClientDocument.getInstance().add(btn1,btn2,btn3,btn4);
  51         qx.ui.core.ClientDocument.getInstance().add(list);
  52     });
  53   </script>
  54 </body>
  55 </html>