diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/List_2.html')
-rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/List_2.html | 111 |
1 files changed, 0 insertions, 111 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/List_2.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/List_2.html deleted file mode 100644 index 480d7d0a18..0000000000 --- a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/List_2.html +++ /dev/null @@ -1,111 +0,0 @@ -<html> -<head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>qooxdoo » Demo » Sample</title> - <link type="text/css" rel="stylesheet" href="../../css/layout.css"/> - <!--[if IE]> - <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/> - <![endif]--> - <script type="text/javascript" src="../../script/sample.js"></script> -</head> -<body> - <script type="text/javascript" src="../../script/layout.js"></script> - - <div id="demoDescription"> - <p>List implementation</p> - <p>Drag and Drop Handling added</p> - </div> - - <script type="text/javascript"> - qx.core.Init.getInstance().defineMain(function() - { - var doc = qx.ui.core.ClientDocument.getInstance(); - - // Create list to drag from - - - var sourceList = new qx.ui.form.List(); - sourceList.setWidth(100); - sourceList.setHeight(250); - sourceList.setLeft(20); - sourceList.setTop(48); - - // Set vertical scroll bar to always visible - sourceList.setOverflow("scrollY"); - // Set selection mode to single explicitly - // sourceList.getManager().setMultiSelection(false); - // Set drag selection mode to off - sourceList.getManager().setDragSelection(false); - - // Add items to source list - - for (var i = 1; i <= 10; i++) - { - var item = new qx.ui.form.ListItem("Item " + i); - item.addEventListener("dragstart", handleStartDrag); - sourceList.add(item); - }; - - doc.add(sourceList); - - - - // Create list to drop to - - var destList = new qx.ui.form.List(); - destList.setWidth(100); - destList.setHeight(250); - destList.setLeft(320); - destList.setTop(48); - - // Set vertical scroll bar to always visible - destList.setOverflow("scrollY"); - // Set selection mode to single explicitly - // destList.getManager().setMultiSelection(false); - // Set drag selection mode to off - destList.getManager().setDragSelection(false); - - doc.add(destList); - - // Define event handlers - - function handleStartDrag(e) - { - e.addData("ListItems", qx.lang.Array.copy(sourceList.getManager().getSelectedItems())); - e.addAction("move"); - e.startDrag(); - }; - - function handleListDrop(e) - { - var type = e.getDropDataTypes()[0]; - var data = e.getData(type); - - // this.debug("Drag&Drop Action: " + e.getAction()); - - switch(e.getAction()) - { - case "move": - sourceList.getManager().setSelectedItems([]); - sourceList.getManager().setAnchorItem(null); - sourceList.getManager().setLeadItem(null); - - for (var i=0, l=data.length; i<l; i++) { - destList.add(data[i]); - }; - - destList.getManager().setSelectedItems(data); - break; - }; - }; - - - - // Set event properties for destination list - - destList.setDropDataTypes(["ListItems"]); - destList.addEventListener("dragdrop", handleListDrop); - }); - </script> -</body> -</html> |