3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <p>Trying dynamic Folder and File creation and deletion.</p>
18 <script type="text/javascript">
20 function createItems (t) {
21 var te1 = new qx.ui.tree.TreeFolder("Desktop");
26 var te1_1 = new qx.ui.tree.TreeFolder("Files");
27 var te1_2 = new qx.ui.tree.TreeFolder("Workspace");
28 var te1_3 = new qx.ui.tree.TreeFolder("Network");
29 var te1_4 = new qx.ui.tree.TreeFolder("Trash");
31 te1.add(te1_1, te1_2, te1_3, te1_4);
34 var te1_2_1 = new qx.ui.tree.TreeFile("Windows (C:)");
35 var te1_2_2 = new qx.ui.tree.TreeFile("Documents (D:)");
37 te1_2.add(te1_2_1, te1_2_2);
42 var te2 = new qx.ui.tree.TreeFolder("Inbox");
45 var te2_1 = new qx.ui.tree.TreeFolder("Presets");
46 var te2_2 = new qx.ui.tree.TreeFolder("Sent");
47 var te2_3 = new qx.ui.tree.TreeFolder("Trash");
48 var te2_4 = new qx.ui.tree.TreeFolder("Data");
49 var te2_5 = new qx.ui.tree.TreeFolder("Edit");
54 qx.core.Init.getInstance().defineMain(function()
56 var t = new qx.ui.tree.Tree("Root");
60 setBackgroundColor(255);
61 setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
62 setOverflow("scrollY");
71 qx.ui.core.ClientDocument.getInstance().add(t);
75 var commandFrame = new qx.ui.groupbox.GroupBox("Control");
86 qx.ui.core.ClientDocument.getInstance().add(commandFrame);
91 var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
99 commandFrame.add(tCurrentLabel);
103 var tCurrentInput = new qx.ui.form.TextField;
114 commandFrame.add(tCurrentInput);
116 t.getManager().addEventListener("changeSelection", function(e) {
118 tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
119 this.debug('classname: ' + e.getData()[0].classname);
122 tCurrentInput.setValue('');
128 var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
135 commandFrame.add(tDoubleClick);
137 tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
141 var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
149 commandFrame.add(tTreeLines);
151 tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
156 var vShowItems = new qx.ui.form.Button("Show Items");
163 commandFrame.add(vShowItems);
165 vShowItems.addEventListener("execute", function(e) {
170 var vRemoveAllItems = new qx.ui.form.Button("Remove All Items");
172 with(vRemoveAllItems) {
177 commandFrame.add(vRemoveAllItems);
179 vRemoveAllItems.addEventListener("execute", function(e) {
184 var vCreateItems = new qx.ui.form.Button("Create Items");
191 commandFrame.add(vCreateItems);
193 vCreateItems.addEventListener("execute", function(e) {
197 var vRemoveSelectedItem = new qx.ui.form.Button("Remove selected Item");
199 with(vRemoveSelectedItem) {
204 commandFrame.add(vRemoveSelectedItem);
206 vRemoveSelectedItem.addEventListener("execute", function(e) {
207 var vItem = t.getManager().getSelectedItem();