1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
<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>Test large trees. This one adds a Spam branch with 3000 leaf nodes.</p>
</div>
<script type="text/javascript">
qx.core.Init.getInstance().defineMain(function()
{
var d = qx.ui.core.ClientDocument.getInstance();
// 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);
};
d.add(tree);
// tree data model
var dataModel = tree.getDataModel();
var te1 = dataModel.addBranch(null, "Desktop", true);
dataModel.setState(te1,
{
labelStyle : "background-color: red; color: white;"
});
var te;
dataModel.addBranch(te1, "Files", true);
te = dataModel.addBranch(te1, "Workspace", true);
dataModel.addLeaf(te, "Windows (C:)");
dataModel.addLeaf(te, "Documents (D:)");
dataModel.addBranch(te1, "Network", true);
te = dataModel.addBranch(te1, "Trash", true);
dataModel.setState(te,
{
cellStyle : "background-color: cyan;"
});
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", true);
dataModel.addBranch(te2, "Trash", true);
dataModel.addBranch(te2, "Data", true);
dataModel.addBranch(te2, "Edit", true);
dataModel.setData();
});
</script>
</body>
</html>
|
