研究一下 extjs的tree树形结果,已经封装的很简单了
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
|
Ext.require([ 'Ext.tree.*' , 'Ext.data.*' ]); Ext.onReady( function () { var store = Ext.create( 'Ext.data.TreeStore' , { proxy: { type: 'ajax' , url: 'get-nodes.php' , extraParams: { isXml: true }, reader: { type: 'xml' , root: 'nodes' , record: 'node' } }, sorters: [{ property: 'leaf' , direction: 'ASC' },{ property: 'text' , direction: 'ASC' }], root: { text: 'Ext JS' , id: 'src' , expanded: true } }); // create the Tree var tree = Ext.create( 'Ext.tree.Panel' , { store: store, hideHeaders: true , rootVisible: true , viewConfig: { plugins: [{ ptype: 'treeviewdragdrop' }] }, height: 350, width: 400, title: 'Directory Listing' , renderTo: 'tree-example' , collapsible: true }); }); |
-
提问者评价
-
谢谢!