Gridpanel在调整窗口大小时自动调整大小

Gridpanel在调整窗口大小时自动调整大小

问题描述:

我正在使用数组网格extjs示例尝试将gridpanel放入容器窗口中。问题在于调整容器窗口的大小,网格面板不会自动适应新的大小。据我所知,这就是它应该如何工作。Gridpanel在调整窗口大小时自动调整大小

这里的链接例如:http://www.extjs.com/deploy/dev/examples/grid/array-grid.html

我所做的改变如下..

// Added to gridpanel config 
layout: 'fit', 
viewConfig: { 
    forceFit: true 
} 

// Window container 
var gridWindow = new Ext.Window({ 
    items: [ 
     grid 
    ] 
}); 

// Instead of grid.render, use gridWindow.show(); 
gridWindow.show(); 

result

layout: 'fit', 

应该进入gridWindow配置!布局管理器安排面板的孩子,但网格孩子。

+0

尔加,应该看到的是.. – imnotneo 2010-03-25 08:35:48

我解决了这个问题,通过将我的网格面板封装到一个Ext.Panel中,其布局属性设置为'fit'。 网格面板(具有viewConfig还含有forceFit:“真”现在,当调整窗口大小

我认为你需要使用eventmanager进行类请following blog

阅读我使用自动调整以下解决方法:

Ext.onReady(function() { 
    var grid = ... //define your grid here 

    Ext.EventManager.onWindowResize(function() { 
     grid.setSize(undefined, undefined); 
    }); 
}); 

ExtJS的v4.0.7