Tree的例子
1
Ext.onReady(function() {
2
var json = [{
3
'text' : 'A',
4
'id' : 'a',
5
'leaf' : false,
6
'children' : [{
7
'text' : 'A1',
8
'id' : 'a1',
9
'leaf' : false,
10
'children' : [{
11
'text' : 'A11',
12
'id' : 'a11',
13
'leaf' : true
14
}, {
15
'text' : 'A12',
16
'id' : 'a12',
17
'leaf' : true
18
}, {
19
'text' : 'A13',
20
'id' : 'a13',
21
'leaf' : true
22
}, {
23
'text' : 'A14',
24
'id' : 'a14',
25
'leaf' : true
26
}]
27
}, {
28
'text' : 'A2',
29
'id' : 'a2',
30
'leaf' : true
31
}]
32
}, {
33
'text' : 'B1',
34
'id' : 'b1',
35
'leaf' : false,
36
'children' : [{
37
'text' : 'B11',
38
'id' : 'b11',
39
'leaf' : true
40
}, {
41
'text' : 'B11',
42
'id' : 'b12',
43
'leaf' : false,
44
'children' : [{
45
'text' : 'B121',
46
'id' : 'b121',
47
'leaf' : true
48
}]
49
}]
50
}];
51
var tree = new Ext.tree.TreePanel({
52
animate : true,
53
enableDD : false,
54
loader : new Ext.tree.TreeLoader(),
55
lines : true,
56
selModel : new Ext.tree.MultiSelectionModel(),
57
containerScroll : false
58
});
59
60
var root = new Ext.tree.AsyncTreeNode({
61
text : 'Autos',
62
draggable : false,
63
id : 'source',
64
children : json
65
});
66
67
tree.setRootNode(root);
68
69
tree.on('click', function(node) {
70
alert(node.id + ", " + node.text);
71
if (node.leaf == true) {
72
addSelected(node.id, node.text);
73
}
74
});
75
tree.render(document.body);
76
root.expand();
77
78
});
調用:

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

