ExtJs Mise en page:Comment organiser les éléments dans chaque ligne?
Je suis un débutant de extjs.
Je veux ranger certains objets textfield comme ci-dessous:
a:______ b:______ c:______
d:______ e:______ f:______
voici mes codes de test ci-dessous:
Ext.onReady(function()
{
new Ext.panel.Panel(
{
renderTo: Ext.getBody(),
layout:'vbox',
width: 670,
tbar: [{text:"Add"}],
defaults:
{
layout:"column",
height:50
},
items:
[
{
defaults:
{
labelAlign:"right",
labelWidth:50
},
items:
[
{
xtype: 'textfield',
fieldLabel: 'a'
},
{
xtype: 'textfield',
fieldLabel: 'b'
},
{
xtype: 'textfield',
fieldLabel: 'c'
}
]
},
{
defaults:
{
labelAlign:"right",
labelWidth:50
},
items:
[
{
xtype: 'textfield',
fieldLabel: 'd'
},
{
xtype: 'textfield',
fieldLabel: 'e'
},
{
xtype: 'textfield',
fieldLabel: 'f'
}
]
}
]
});
});
comme un résultat, la page ne peut pas afficher tout TextFields.
Je vous remercie pour toute aide à l'avance!
- Consultez l'exemple de code cdn.sencha.io/ext-4.1.1a-gpl/examples/form/dynamic.html
Vous devez vous connecter pour publier un commentaire.
Vous pouvez faire quelque chose comme :
C'est essentiellement le même exemple à l'exception du remplacement de la
vbox
mise en page par défautauto
mise en page. La raison pour laquelle vous exemple ne fonctionne pas, c'est quevbox
dispositions besoin d'une hauteur et largeur définie sur elle en quelque sorte.Vous pouvez aussi faire quelque chose comme :
C'est un
column
mise en page sans éléments imbriqués comme celui d'avant. Une bonne chose concernantcolumn
mise en page est qu'il changera alors que de nombreux éléments qu'il peut pour la gauche et si un élément ne peut pas tenir, il va aller à la ligne suivante.Étant donné que la largeur est statique 670 il ne peut correspondre à 3 champs de texte par ligne. Mises en page en colonnes n'ont pas besoin d'une hauteur définie.
vbox layouts need a height and width
+1 Ne savais pas cela.