4 * @extends Roo.ContentPanel
6 * Create a new GridPanel.
7 * @param {Roo.grid.Grid} grid The grid for this panel
8 * @param {String/Object} config A string to set only the panel's title, or a config object
10 new Roo.bootstrap.panel.Grid({
19 Roo.bootstrap.panel.Grid = function(config){
22 this.wrapper = Roo.DomHelper.append(document.body, // wrapper for IE7 strict & safari scroll issue
23 {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true);
25 this.wrapper.dom.appendChild(config.grid.getGridEl().dom);
26 config.el = this.wrapper;
28 Roo.bootstrap.panel.Grid.superclass.constructor.call(this, config);
31 this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);
33 // xtype created footer. - not sure if will work as we normally have to render first..
34 if (this.footer && !this.footer.el && this.footer.xtype) {
36 this.footer.container = this.grid.getView().getFooterPanel(true);
37 this.footer.dataSource = this.grid.dataSource;
38 this.footer = Roo.factory(this.footer, Roo);
42 config.grid.monitorWindowResize = false; // turn off autosizing
43 config.grid.autoHeight = false;
44 config.grid.autoWidth = false;
45 this.grid = config.grid;
46 this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel");
49 Roo.extend(Roo.bootstrap.panel.Grid, Roo.bootstrap.panel.Panel, {
55 * Returns the grid for this panel
56 * @return {Roo.grid.Grid}
62 setSize : function(width, height){
63 if(!this.ignoreResize(width, height)){
65 var size = this.adjustForComponents(width, height);
66 grid.getGridEl().setSize(size.width, size.height);
71 beforeSlide : function(){
72 this.grid.getView().scroller.clip();
75 afterSlide : function(){
76 this.grid.getView().scroller.unclip();
82 Roo.bootstrap.panel.Grid.superclass.destroy.call(this);