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                             },
  70                             tpl : {
  71                                 xtype: 'Template',
  72                                 xns: Roo,
  73                                 html : '<div class="thumb-wrap" > ' +
  74
  75                                   '{name}'+
  76
  77                                 '</div>'
  78                             },
  79                             store : {
  80                                 xtype: 'Store',
  81                                 xns: Roo.data,
  82                                 listeners : {
  83                                     beforeload : function (_self, o)
  84                                     {
  85                                         o.params = o.params || {};
  86                                         o.params.test = 1;
  87                                     }
  88                                 },
  89                                 proxy : {
  90                                     xtype: 'HttpProxy',
  91                                     xns: Roo.data,
  92                                     method : 'GET',
  93                                     url : 'get-images.php'
  94                                 },
  95                                 reader : {
  96                                     xtype: 'JsonReader',
  97                                     xns: Roo.data,
  98                                     id : 'id',
  99                                     root : 'images',
 100                                     fields : [
 101                                         {name: 'name', type: 'string'},
 102                                         {name: 'size', type: 'string'},
 103                                         {name: 'lastmod', type: 'string'},
 104                                         {name: 'url', type: 'string'}
 105                                     ]
 106                                 }
 107                             }
 108                         }
 109                     }
 110                 ],
 111                 center : {
 112                     xtype: 'LayoutRegion',
 113                     xns: Roo
 114                 }
 115             }
 116         };
 117     }
 118 });