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
});
調用：
<div id="tree"></div>posted on 2009-04-01 20:21
飛翔天使 閱讀(1073)
評論(1) 編輯 收藏 所屬分類:
ajax