roojs-all.js
[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                             "*prop": "center",
20                             "xtype": "LayoutRegion",
21                             "|xns": "Roo"
22                         },
23                         {
24                             "listeners": {
25                                 "activate": "function (_self)\n{\n    Roo.log(_self);\n    Roo.log(this.el.dom.offsetParent.clientHeight);\n    this.el.setHeight(this.el.dom.offsetParent.clientHeight-55);\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                                             "|xns": "Roo.Toolbar",
40                                             "xtype": "Fill"
41                                         },
42                                         {
43                                             "text": "Reload",
44                                             "xtype": "Button",
45                                             "|xns": "Roo.Toolbar"
46                                         }
47                                     ]
48                                 },
49                                 {
50                                     "*prop": "view",
51                                     "emptyText": "no data",
52                                     "text": "loading",
53                                     "xtype": "View",
54                                     "|xns": "Roo",
55                                     "items": [
56                                         {
57                                             "*prop": "footer",
58                                             "pageSize": 20,
59                                             "xtype": "PagingToolbar",
60                                             "|xns": "Roo"
61                                         },
62                                         {
63                                             "*prop": "tpl",
64                                             "xtype": "Template",
65                                             "|html": "'<div class=\"thumb-wrap\" > ' + \n  \n  '{name}'+\n\n'</div>'",
66                                             "|xns": "Roo"
67                                         },
68                                         {
69                                             "listeners": {
70                                                 "beforeload": "function (_self, o)\n{\n    o.params = o.params || {};\n    o.params.test = 1;\n}"
71                                             },
72                                             "*prop": "store",
73                                             "xtype": "Store",
74                                             "|xns": "Roo.data",
75                                             "items": [
76                                                 {
77                                                     "*prop": "proxy",
78                                                     "method": "GET",
79                                                     "xtype": "HttpProxy",
80                                                     "|url": "'get-images.php'",
81                                                     "|xns": "Roo.data"
82                                                 },
83                                                 {
84                                                     "*prop": "reader",
85                                                     "id": "id",
86                                                     "root": "images",
87                                                     "xtype": "JsonReader",
88                                                     "|fields": "[\n    {name: 'name', type: 'string'},\n    {name: 'size', type: 'string'},\n    {name: 'lastmod', type: 'string'},\n    {name: 'url', type: 'string'}\n]",
89                                                     "|xns": "Roo.data"
90                                                 }
91                                             ]
92                                         }
93                                     ]
94                                 }
95                             ]
96                         }
97                     ]
98                 }
99             ]
100         }
101     ],
102     "permname": "",
103     "modOrder": "001"
104 }