diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/List_3.html')
-rw-r--r-- | swat/apps/qooxdoo-examples/test/List_3.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/List_3.html b/swat/apps/qooxdoo-examples/test/List_3.html new file mode 100644 index 0000000000..0ce48f0555 --- /dev/null +++ b/swat/apps/qooxdoo-examples/test/List_3.html @@ -0,0 +1,55 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>qx.ui.form.List Item Sorting demo</p> + </div> + + <script type="text/javascript"> + + qx.core.Init.getInstance().defineMain(function() { + var list = new qx.ui.form.List(); list.set({top:50,left:50,height:150,width:100}); + + list.add(new qx.ui.form.ListItem('Will',null,'1')); + list.add(new qx.ui.form.ListItem('Anna',null,'2')); + list.add(new qx.ui.form.ListItem('Tom',null,'3')); + list.add(new qx.ui.form.ListItem('Diana',null,'4')); + list.add(new qx.ui.form.ListItem('Pete',null,'5')); + list.add(new qx.ui.form.ListItem('Carol',null,'6')); + + var btn1 = new qx.ui.form.Button('Sort By Label'); btn1.set({top:50,left:200}); + btn1.addEventListener('click',function(e){ + list.sortItemsByString(); + }); + + var btn2 = new qx.ui.form.Button('Sort By Label Reverse'); btn2.set({top:80,left:200}); + btn2.addEventListener('click',function(e){ + list.sortItemsByString(true); + }); + + var btn3 = new qx.ui.form.Button('Sort By Value'); btn3.set({top:140,left:200}); + btn3.addEventListener('click',function(e){ + list.sortItemsByValue(); + }); + + var btn4 = new qx.ui.form.Button('Sort By Value Reverse'); btn4.set({top:170,left:200}); + btn4.addEventListener('click',function(e){ + list.sortItemsByValue(true); + }); + + qx.ui.core.ClientDocument.getInstance().add(btn1,btn2,btn3,btn4); + qx.ui.core.ClientDocument.getInstance().add(list); + }); + </script> +</body> +</html> |