problème avec extjs champs de mise en page
j'ai le problème avec l'affichage des champs sur le formulaire
var test = Ext.create('Ext.form.Panel', {
renderTo: 'test',
title: '1. zzzz',
width: 800,
bodyPadding: 5,
defaults: {
anchor: '100%'
},
items: [
{
xtype: 'fieldset',
defaults: {
anchor: '100%'
},
layout: 'column',
items: [
{
xtype: 'panel',
fieldDefaults: {
msgTarget: 'side',
labelWidth: 75
},
columnWidth: .5,
flex: 1,
defaultType: 'textfield',
defaults: {
anchor: '100%',
flex: 1
},
items: [
{
xtype: 'numberfield',
hideTrigger: true,
fieldLabel: 'zzzz',
//anchor: '100%',
//anchor: '-5',
name: 'SRD_NUMBER'
},
{
fieldLabel: 'zzzz',
//anchor: '-5',
name: 'SRD_NAME_BR'
},
{
fieldLabel: 'zzzzz',
//anchor: '-5',
name: 'SRD_NAME_FL'
},
{
xtype: 'numberfield',
hideTrigger: true,
fieldLabel: 'zzzz',
disabled: true,
//anchor: '-5',
name: 'SRD_FOP'
},
{
fieldLabel: 'zzzz',
//anchor: '-5',
name: 'SRD_NAME_ORDER'
},
{
xtype: 'panel',
id: 'dep-img',
border: false,
height: 50,
width: 100,
cls: 'x-form-item',
html: '<img src="http://dep-image/id/10000001482" width="100" height="50" title="zzz">'
},
{
xtype: 'filefield',
name: 'file1',
msgTarget: 'side',
border: 3,
//anchor: '100%',
fieldLabel: 'zzzz',
buttonText: 'zzzzzz'
},
{
fieldLabel: 'zzz',
//anchor: '-5',
name: 'company'
},
{
fieldLabel: 'zzzz',
//anchor: '-5',
name: 'company'
}]
}
]
} //fieldset
]//glob
});
j'ai besoin pour s'adapter à des champs de la largeur de la largeur de la colonne.
sur cette page http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer 2 exemples
et dans le deuxième exemple defaults {layout: '100%'}
et il semble que ça ne fonctionne pas.
trouvé propre salut: par adjonction de la disposition: "ajustement" ou mise en page: "l'ancre" pour fieldset d'ancrage
defaults: {
mise en page: 'fit',
flex: 1
},
merci à tous
OriginalL'auteur Subdigger | 2011-07-13
Vous devez vous connecter pour publier un commentaire.
Vous devez définir taille bien à votre forme et si c'est pas encore l'affichage, puis donner de la hauteur à fieldset trop.
OriginalL'auteur Zango
trouvé propre salut: par adjonction de la disposition: "ajustement" ou mise en page: "l'ancre" pour fieldset d'ancrage
merci à tous
c'était il y a longtemps. même pas ce code 🙂
OriginalL'auteur Subdigger
Je voudrais spécifier un modèle: "ajustement" sur le formPanel puisque vous êtes en utilisant un seul jeu de champs.
Le reste, je ne comprends pas. Il semble que vous spécifiez la colonne mise en page, mais en utilisant une seule colonne.
Pourrait vous nettoyer l'exemple, et je serais heureux de vous aider.
OriginalL'auteur Fredric
Après un rapide coup d'oeil... Avez-vous essayé de mettre l'ancre: '0' sur les deux champs et les conteneurs?
Aussi, vous devez utiliser fieldDefaults au lieu de
OriginalL'auteur Marko