summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html')
-rw-r--r--webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html135
1 files changed, 0 insertions, 135 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html
deleted file mode 100644
index 65b5b9d397..0000000000
--- a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html
+++ /dev/null
@@ -1,135 +0,0 @@
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>qooxdoo &raquo; Demo &raquo; 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>Demonstrate providing initially-selected tree nodes.</p>
- </div>
-
- <script type="text/javascript">
- qx.core.Init.getInstance().defineMain(function()
- {
- // tree
- var tree = new qx.ui.treevirtual.TreeVirtual("Tree");
- with (tree)
- {
- set({
- left : 10,
- top : 30,
- width : 400,
- bottom : 30,
- border : qx.renderer.border.BorderPresets.getInstance().thinInset
- });
- setColumnWidth(0, 400);
- setAlwaysShowOpenCloseSymbol(true);
- };
-
- tree.setSelectionMode(
- qx.ui.treevirtual.TreeVirtual.SelectionMode.MULTIPLE_INTERVAL);
-
- // Add the tree to the document
- tree.addToDocument();
-
- // tree data model
- var dataModel = tree.getDataModel();
-
- var te1 = dataModel.addBranch(null, "Desktop", true);
-
- var x;
- var te;
- dataModel.addBranch(te1, "Files", true);
-
- te = dataModel.addBranch(te1, "Workspace", true);
- x = dataModel.addLeaf(te, "Windows (C:)");
- tree.setState(x, { bSelected : true });
- x = dataModel.addLeaf(te, "Documents (D:)");
- tree.setState(x, { bSelected : true });
-
- dataModel.addBranch(te1, "Network", true);
- dataModel.addBranch(te1, "Trash", true);
-
- var te2 = dataModel.addBranch(null, "Inbox", true);
-
- te = dataModel.addBranch(te2, "Spam", false);
- for (var i = 1; i < 3000; i++)
- {
- dataModel.addLeaf(te, "Spam Message #" + i);
- }
-
- dataModel.addBranch(te2, "Sent", false);
- dataModel.addBranch(te2, "Trash", false);
- dataModel.addBranch(te2, "Data", false);
- dataModel.addBranch(te2, "Edit", false);
-
- dataModel.setData();
-
- var newItem = 1;
-
- var commandFrame = new qx.ui.groupbox.GroupBox("Control");
- commandFrame.set({ top: 48, left: 520, right: 290, height: "auto" });
- commandFrame.addToDocument();
-
- // Create a combo box for the selection type
- var o = new qx.ui.basic.Atom("Selection Mode: ");
- o.set({ top: 6, left: 0 });
- commandFrame.add(o);
-
- o = new qx.ui.form.ComboBox();
- o.set({ top: 20, left: 4, width: "100%" });
- o.setEditable(false);
-
- // Add the various selection types
- var item = new qx.ui.form.ListItem("No Selection");
- o.add(item);
- var item = new qx.ui.form.ListItem("Single Selection");
- o.add(item);
- var item = new qx.ui.form.ListItem("Single Interval Selection");
- o.add(item);
- var item = new qx.ui.form.ListItem("Multiple Interval Selection");
- o.add(item);
- o.setSelected(item);
-
- // We want to be notified if the selection changes
- o.addEventListener(
- "changeSelected",
- function()
- {
- switch(this.getValue())
- {
- case "No Selection":
- tree.setSelectionMode(
- qx.ui.treevirtual.TreeVirtual.SelectionMode.NONE);
- break;
-
- case "Single Selection":
- tree.setSelectionMode(
- qx.ui.treevirtual.TreeVirtual.SelectionMode.SINGLE);
- break;
-
- case "Single Interval Selection":
- tree.setSelectionMode(
- qx.ui.treevirtual.TreeVirtual.SelectionMode.SINGLE_INTERVAL);
- break;
-
- case "Multiple Interval Selection":
- tree.setSelectionMode(
- qx.ui.treevirtual.TreeVirtual.SelectionMode.MULTIPLE_INTERVAL);
- break;
- }
- });
-
- commandFrame.add(o);
-
- });
- </script>
-</body>
-</html>