git.roojs.org Git - roojs1/blob - 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                                 Roo.log(this.el.dom.offsetParent.clientHeight);
  33                                 this.el.setHeight(this.el.dom.offsetParent.clientHeight-55);
  34                                 Roo.log('active');
  35                             },
  36                             render : function (_self)
  37                             {
  38                                 _this.bodypanel = _self;
  39
  40                                 Roo.log('render');
  41                             }
  42                         },
  43                         region : 'center',
  44                         autoCreate : true,
  45                         toolbar : {
  46                             xtype: 'Toolbar',
  47                             xns: Roo,
  48                             items : [
  49                                 {
  50                                     xtype: 'Fill',
  51                                     xns: Roo.Toolbar
  52                                 },
  53                                 {
  54                                     xtype: 'Button',
  55                                     xns: Roo.Toolbar,
  56                                     text : "Reload"
  57                                 }
  58                             ]
  59                         },
  60                         view : {
  61                             xtype: 'View',
  62                             xns: Roo,
  63                             emptyText : "no data",
  64                             text : "loading",
  65                             footer : {
  66                                 xtype: 'PagingToolbar',
  67                                 xns: Roo,
  68                                 pageSize : 20,
  69                                 items : [
  70                                     {
  71                                         xtype: 'Button',
  72                                         xns: Roo.Toolbar
  73                                     }
  74                                 ]
  75                             },
  76                             tpl : {
  77                                 xtype: 'Template',
  78                                 xns: Roo,
  79                                 html : '<div class="thumb-wrap" > ' +
  80
  81                                   '{name}'+
  82
  83                                 '</div>'
  84                             },
  85                             store : {
  86                                 xtype: 'Store',
  87                                 xns: Roo.data,
  88                                 listeners : {
  89                                     beforeload : function (_self, o)
  90                                     {
  91                                         o.params = o.params || {};
  92                                         o.params.test = 1;
  93                                     }
  94                                 },
  95                                 proxy : {
  96                                     xtype: 'HttpProxy',
  97                                     xns: Roo.data,
  98                                     method : 'GET',
  99                                     url : 'get-images.php'
 100                                 },
 101                                 reader : {
 102                                     xtype: 'JsonReader',
 103                                     xns: Roo.data,
 104                                     id : 'id',
 105                                     root : 'images',
 106                                     fields : [
 107                                         {name: 'name', type: 'string'},
 108                                         {name: 'size', type: 'string'},
 109                                         {name: 'lastmod', type: 'string'},
 110                                         {name: 'url', type: 'string'}
 111                                     ]
 112                                 }
 113                             }
 114                         }
 115                     }
 116                 ],
 117                 center : {
 118                     xtype: 'LayoutRegion',
 119                     xns: Roo
 120                 }
 121             }
 122         };
 123     }
 124 });