roojs-all.js

[roojs1] / examples / layout / viewpanel.bjs

diff --git a/examples/layout/viewpanel.bjs b/examples/layout/viewpanel.bjs
index 906fdad..30fad87 100644 (file)
--- a/examples/layout/viewpanel.bjs
+++ b/examples/layout/viewpanel.bjs
@@ -6,8 +6,9 @@
     "path": "/home/chris/gitlive/roojs1/examples/layout/viewpanel.bjs",
     "items": [
         {
-            "|xns": "Roo",
+            "region": "center",
             "xtype": "NestedLayoutPanel",
+            "|xns": "Roo",
             "items": [
                 {
                     "|xns": "Roo",
@@ -15,57 +16,81 @@
                     "*prop": "layout",
                     "items": [
                         {
-                            "|xns": "Roo",
+                            "*prop": "center",
                             "xtype": "LayoutRegion",
-                            "*prop": "center"
+                            "|xns": "Roo"
                         },
                         {
-                            "xtype": "GridPanel",
+                            "listeners": {
+                                "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}",
+                                "render": "function (_self)\n{\n    _this.bodypanel = _self;\n    \n    Roo.log('render');\n}"
+                            },
+                            "region": "center",
+                            "xtype": "ContentPanel",
+                            "|autoCreate": "true",
                             "|xns": "Roo",
                             "items": [
                                 {
                                     "|xns": "Roo",
+                                    "xtype": "Toolbar",
+                                    "*prop": "toolbar",
+                                    "items": [
+                                        {
+                                            "|xns": "Roo.Toolbar",
+                                            "xtype": "Fill"
+                                        },
+                                        {
+                                            "text": "Reload",
+                                            "xtype": "Button",
+                                            "|xns": "Roo.Toolbar"
+                                        }
+                                    ]
+                                },
+                                {
+                                    "*prop": "view",
+                                    "emptyText": "no data",
+                                    "text": "loading",
                                     "xtype": "View",
+                                    "|xns": "Roo",
                                     "items": [
                                         {
-                                            "|xns": "Roo",
-                                            "xtype": "Template",
-                                            "*prop": "tpl"
+                                            "*prop": "footer",
+                                            "pageSize": 20,
+                                            "xtype": "PagingToolbar",
+                                            "|xns": "Roo"
                                         },
                                         {
-                                            "|xns": "Roo",
+                                            "*prop": "tpl",
                                             "xtype": "Template",
-                                            "*prop": "tpl"
+                                            "|html": "'<div class=\"thumb-wrap\" > ' + \n  \n  '{name}'+\n\n'</div>'",
+                                            "|xns": "Roo"
                                         },
                                         {
-                                            "|xns": "Roo.data",
-                                            "xtype": "Store",
+                                            "listeners": {
+                                                "beforeload": "function (_self, o)\n{\n    o.params = o.params || {};\n    o.params.test = 1;\n}"
+                                            },
                                             "*prop": "store",
+                                            "xtype": "Store",
+                                            "|xns": "Roo.data",
                                             "items": [
                                                 {
-                                                    "|xns": "Roo.data",
+                                                    "*prop": "proxy",
+                                                    "method": "GET",
                                                     "xtype": "HttpProxy",
-                                                    "*prop": "proxy"
+                                                    "|url": "'get-images.php'",
+                                                    "|xns": "Roo.data"
                                                 },
                                                 {
-                                                    "|xns": "Roo.data",
+                                                    "*prop": "reader",
+                                                    "id": "id",
+                                                    "root": "images",
                                                     "xtype": "JsonReader",
-                                                    "*prop": "reader"
+                                                    "|fields": "[\n    {name: 'name', type: 'string'},\n    {name: 'size', type: 'string'},\n    {name: 'lastmod', type: 'string'},\n    {name: 'url', type: 'string'}\n]",
+                                                    "|xns": "Roo.data"
                                                 }
                                             ]
                                         }
                                     ]
-                                },
-                                {
-                                    "|xns": "Roo",
-                                    "xtype": "Toolbar",
-                                    "*prop": "toolbar",
-                                    "items": [
-                                        {
-                                            "|xns": "Roo.Toolbar",
-                                            "xtype": "Button"
-                                        }
-                                    ]
                                 }
                             ]
                         }