ExtJS: ridimensionamento automatico dei campi modulo al ridimensionamento della finestra

Question

Ho creato Ext.Window con alcuni campi Ext.form all'interno. Ma quando ridimensiono gli elementi del modulo finestra hanno ancora larghezza e altezza iniziali.

E 'necessario ridimensionare in modo esplicito i campi del modulo sul ridimensionamento della finestra? O c'è qualche opzione che abilita il ridimensionamento automatico dei campi del modulo?

codice di esempio:

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

si potrebbe verificare ancoraggio, che rende per le forme ben-ridimensionabili:

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

vedere la proprietà "ancoraggio" su "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%'}); 

avrebbe fatto. è possibile vedere alcuni campioni there e la documentazione there.

anche se non si desidera specificare dimensioni per ciascuno di essi si può spingere il default dal pannello formato con l'oggetto defaults config

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

Answer 3

mio sospetto è che il FormPanel "fp" è parzialmente in difetto.

In Ext JS, in genere è consigliabile dichiarare tutto dalla finestra fino in fondo all'interno del costruttore Ext.Window. Creare cose e provare a collegarle in seguito è stata fonte di molte frustrazioni per me.

(Ok, l'altra risposta sulla larghezza: 100% è probabilmente meglio, ma ho ancora avuto molti problemi con il ridimensionamento, ecc. Quando non dichiaro tutto in una volta ... non ho capito esattamente . quando è ok per farlo ancora)