ExtJS: Cambia automáticamente el tamaño de los campos de formulario en el tamaño de la ventana

Question

He creado Ext.Window con algunos campos Ext.form dentro. Pero cuando cambio el tamaño de los elementos de formulario de ventana todavía tienen ancho y alto iniciales.

¿Se requiere cambiar el tamaño de los campos de formulario en el tamaño de la ventana? ¿O hay alguna opción que habilita el cambio de tamaño automático de los campos de formulario?

Código de ejemplo:

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1'}); 
var f_2 = new Ext.form.TextField({fieldLabel: 'Label 2'}); 
var fp = new Ext.form.FormPanel({items: [f_1, f_2]}); 

var w = new Ext.Window({ 
    layout: 'form', 
    title: 'test', 
    items: fp 
}); 

w.show() 

Answer 1

se puede comprobar a cabo de anclaje, lo que lo convierte en formas muy bien, de tamaño variable:

http://www.extjs.com/deploy/dev/examples/form/anchoring.html

ver la propiedad "ancla" en "Componente":

http://www.extjs.com/deploy/dev/docs/?class=Ext.Component

Answer 2

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1', anchor:'95%'}); 

lo haría. Puede ver algunas muestras there y la documentación there.

Además, si usted no desea especificar el tamaño de cada uno de ellos se puede empujar la predeterminada desde el panel de formulario con el objeto de configuración defaults

var fp = new Ext.form.FormPanel({ 
      items: [f_1, f_2] 
      ,defaults: { 
       anchor: '95%' 
      } 
     }); 

Answer 3

Mi sospecha es que el FormPanel "fp" es parcialmente en falta.

En Ext JS, generalmente es una buena práctica declarar todo desde la ventana hasta el fondo dentro del constructor Ext.Window. Crear cosas y tratar de adjuntarlas más tarde ha sido fuente de mucha frustración para mí.

(Ok, la otra respuesta sobre el ancho: 100% es probablemente mejor. Pero aún así, he tenido muchos problemas con el cambio de tamaño, etc. cuando no declaro todo a la vez ... no he resuelto exactamente . cuando está bien para hacerlo aún)