examples/layout/viewpanel.bjs
[roojs1] / examples / layout / viewpanel.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 viewpanel = new Roo.XComponent({
6     part     :  ["layout","viewpanel"],
7     order    : '001-viewpanel',
8     region   : '',
9     parent   : '#view-panel',
10     name     : "unnamed module",
11     disabled : false, 
12     permname : '', 
13     _tree : function()
14     {
15         var _this = this;
16         var MODULE = this;
17         return {
18             xtype: 'NestedLayoutPanel',
19             xns: Roo,
20             region : 'center',
21             layout : {
22                 xtype: 'BorderLayout',
23                 xns: Roo,
24                 items : [
25                     {
26                         xtype: 'ContentPanel',
27                         xns: Roo,
28                         listeners : {
29                             activate : function (_self)
30                             {
31                                 Roo.log(_self);
32                                 
33                                 if(_self.active && _self.view){
34                                     _this.view = this.view;
35                                 }
36                             },
37                             render : function (_self)
38                             {
39                                 _this.bodypanel = _self;
40                                 
41                                 
42                             }
43                         },
44                         region : 'center',
45                         autoCreate : true,
46                         items : [
47                             {
48                                 xtype: 'View',
49                                 xns: Roo,
50                                 emptyText : "no data",
51                                 text : "loading",
52                                 fxooter : {
53                                     xtype: 'PagingToolbar',
54                                     xns: Roo,
55                                     pageSize : 20
56                                 },
57                                 tpl : {
58                                     xtype: 'Template',
59                                     xns: Roo,
60                                     html : '<b>test</b>'
61                                 },
62                                 store : {
63                                     xtype: 'Store',
64                                     xns: Roo.data,
65                                     listeners : {
66                                         beforeload : function (_self, o)
67                                         {
68                                             o.params = o.params || {};
69                                             o.params.test = 1;
70                                         }
71                                     },
72                                     proxy : {
73                                         xtype: 'HttpProxy',
74                                         xns: Roo.data,
75                                         method : 'GET',
76                                         url : 'get-images.php'
77                                     },
78                                     reader : {
79                                         xtype: 'JsonReader',
80                                         xns: Roo.data,
81                                         id : 'id',
82                                         root : 'images',
83                                         fields : [
84                                             {name: 'name', type: 'string'},
85                                             {name: 'size', type: 'string'},
86                                             {name: 'lastmod', type: 'string'},
87                                             {name: 'url', type: 'string'}
88                                         ]
89                                     }
90                                 }
91                             }
92                         ],
93                         toolbar : {
94                             xtype: 'Toolbar',
95                             xns: Roo,
96                             items : [
97                                 {
98                                     xtype: 'Button',
99                                     xns: Roo.Toolbar,
100                                     text : "ADDDDDDDDDDD"
101                                 }
102                             ]
103                         }
104                     }
105                 ],
106                 center : {
107                     xtype: 'LayoutRegion',
108                     xns: Roo
109                 }
110             }
111         };
112     }
113 });