git.roojs.org Git - roojs1/blob - Roo/bootstrap/panel/Grid.js

   1
   2 /**
   3  * @class Roo.bootstrap.panel.Grid
   4  * @extends Roo.bootstrap.panel.Content
   5  * @constructor
   6  * Create a new GridPanel.
   7  * @cfg {Roo.bootstrap.Table} grid The grid for this panel
   8  * @param {Object} config A the config object
   9
  10  */
  11
  12
  13
  14 Roo.bootstrap.panel.Grid = function(config){
  15
  16
  17     this.wrapper = Roo.DomHelper.append(document.body, // wrapper for IE7 strict & safari scroll issue
  18         {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true);
  19
  20
  21     if(config.toolbar){
  22         var tool_el = this.wrapper.createChild();
  23         this.toolbar = Roo.factory(config.toolbar);
  24         var ti = [];
  25         if (config.toolbar.items) {
  26             ti = config.toolbar.items ;
  27             delete config.toolbar.items ;
  28         }
  29
  30         var nitems = [];
  31         this.toolbar.render(tool_el);
  32         for(var i =0;i < ti.length;i++) {
  33           //  Roo.log(['add child', items[i]]);
  34             nitems.push(this.toolbar.addxtype(Roo.apply({}, ti[i])));
  35         }
  36         this.toolbar.items = nitems;
  37
  38         delete config.toolbar;
  39     }
  40
  41     this.wrapper.dom.appendChild(config.grid.getGridEl().dom);
  42     config.el = this.wrapper;
  43
  44     Roo.bootstrap.panel.Grid.superclass.constructor.call(this, config);
  45
  46
  47     // xtype created footer. - not sure if will work as we normally have to render first..
  48     if (this.footer && !this.footer.el && this.footer.xtype) {
  49
  50         var ctr = this.grid.getView().getFooterPanel(true);
  51         this.footer.dataSource = this.grid.dataSource;
  52         this.footer = Roo.factory(this.footer, Roo);
  53         this.footer.render(ctr);
  54
  55     }
  56
  57
  58     config.grid.monitorWindowResize = false; // turn off autosizing
  59     config.grid.autoHeight = false;
  60     config.grid.autoWidth = false;
  61     this.grid = config.grid;
  62     this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel");
  63
  64
  65 };
  66
  67 Roo.extend(Roo.bootstrap.panel.Grid, Roo.bootstrap.panel.Content, {
  68     getId : function(){
  69         return this.grid.id;
  70     },
  71
  72     /**
  73      * Returns the grid for this panel
  74      * @return {Roo.bootstrap.Table}
  75      */
  76     getGrid : function(){
  77         return this.grid;
  78     },
  79
  80     setSize : function(width, height){
  81         if(!this.ignoreResize(width, height)){
  82             var grid = this.grid;
  83             var size = this.adjustForComponents(width, height);
  84             var gridel = grid.getGridEl()
  85             gridel.setSize(size.width, size.height);
  86             /*
  87             var thd = grid.getGridEl().select('thead',true).first();
  88             var tbd = grid.getGridEl().select('tbody', true).first();
  89             if (tbd) {
  90                 tbd.setSize(width, height - thd.getHeight());
  91             }
  92             */
  93             grid.autoSize();
  94         }
  95     },
  96
  97
  98
  99     beforeSlide : function(){
 100         this.grid.getView().scroller.clip();
 101     },
 102
 103     afterSlide : function(){
 104         this.grid.getView().scroller.unclip();
 105     },
 106
 107     destroy : function(){
 108         this.grid.destroy();
 109         delete this.grid;
 110         Roo.bootstrap.panel.Grid.superclass.destroy.call(this);
 111     }
 112 });