1 files changed, 135 insertions, 0 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
new file mode 100644
index 0000000000..65b5b9d397
--- /dev/null
+++ b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/TreeVirtual_4.html
@@ -0,0 +1,135 @@
+<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>