Gridpanel在調整窗口大小時自動調整大小

Question

我正在使用數組網格extjs示例嘗試將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(); 

Answer 1

layout: 'fit', 

應該進入gridWindow配置！佈局管理器安排面板的孩子，但網格是孩子。

Answer 2

我解決了這個問題，通過將我的網格面板封裝到一個Ext.Panel中，其佈局屬性設置爲'fit'。 網格面板（具有viewConfig還含有forceFit：「真」現在，當調整窗口大小

Answer 3

我認爲你需要使用eventmanager進行類請following blog

Answer 4

閱讀我使用自動調整以下解決方法：

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

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

ExtJS的v4.0.7