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