ExtJS: Redimensionner automatiquement les champs de formulaire lors du redimensionnement de la fenêtre

Question

J'ai créé Ext.Window avec des champs Ext.form à l'intérieur. Mais quand je redimensionne la fenêtre, les éléments de forme ont toujours la largeur et la hauteur initiales.

Est-il nécessaire de redimensionner explicitement les champs de formulaire lors du redimensionnement de la fenêtre? Ou il y a une option qui permet le redimensionnement automatique des champs de formulaire?

Exemple de code:

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

Vous pouvez vérifier l'ancrage, ce qui rend des formes bien redimensionnables:

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

Voir la propriété « d'ancrage » sur « Composant »:

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

Answer 2

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

le ferait. vous pouvez voir quelques exemples there et la documentation there.

Aussi, si vous ne voulez pas spécifier la taille pour chacun d'eux, vous pouvez pousser la valeur par défaut à partir du panneau de forme avec l'objet de configuration defaults

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

Answer 3

Je soupçonne que le panneau FormPanel « fp » est en partie en faute.

Dans Ext JS, il est généralement recommandé de tout déclarer à partir de la fenêtre tout le long du constructeur Ext.Window. Créer des choses et essayer de les attacher plus tard a été la source de beaucoup de frustration pour moi.

(Ok, l'autre réponse à propos de la largeur: 100% est probablement meilleure.) Mais j'ai quand même eu beaucoup de problèmes avec le redimensionnement, etc. quand je ne déclarais pas tout en même temps ... je n'ai pas compris . quand il est autorisé à le faire encore)