Gridpanel cambio de tamaño automático en el tamaño de la ventana

Question

Estoy usando el ejemplo de extjs de la matriz de cuadrículas para tratar de ajustar un panel de red en una ventana de contenedor. El problema está en cambiar el tamaño de la ventana del contenedor, el panel de red no se ajusta automáticamente al nuevo tamaño. Según entiendo, así es como se supone que debe funcionar.

Aquí está el enlace al ejemplo: http://www.extjs.com/deploy/dev/examples/grid/array-grid.html

Lo que he hecho Modifica la siguiente ..

// 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', 

debe entrar en la configuración gridWindow! El administrador de disposición organiza los elementos secundarios de un panel, pero la cuadrícula es el elemento secundario.

Answer 2

Lo resolví envolviendo mi panel de red en un Panel Externo, con una propiedad de diseño establecida en 'ajuste'. El panel de cuadrícula (con un viewConfig también contiene forceFit: 'verdadero' ahora cambia de tamaño automáticamente cuando se cambia el tamaño de la ventana

Answer 3

Creo que es necesario utilizar la clase EventManager favor leerlo en following blog

Answer 4

que estoy usando. la siguiente solución:

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

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

Extjs v4.0.7