Textfield dans un compositeField

Version imprimable

Bonjour,

J'essaie de construire un compositeField dans un formulaire.
Ce compositeField comprend un textField suivi d'un DisplayField, (3 fois)
Les exemples sont assez clairs ; mais je ne parviens pas à faire apparaitre le fieldlabel du textField comme il semble possible de le faire.

Voici la potion de code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
{items:[
	{xtype:'fieldset',title: 'Charges',collapsible:false, autoHeight:true, layout:'column',
            items:[
		{xtype: 'compositefield', columnWidth:.33, layout: 'form',
		items: [
		{xtype:'textfield',	fieldLabel: 'Charge prévisionnelle', width:50, name: 'C_P',value: '0'},
	       {xtype: 'displayfield', value: 'j/h'}	]
		},
		{xtype: 'compositefield',  columnWidth:.33, layout: 'form',
			items :[ {
               xtype:'textfield',fieldLabel: 'Charge actuelle', width:50, name: 'C_A',value: '0'},
               {xtype: 'displayfield', value: 'j/h'}			]
		},
		{xtype: 'compositefield', columnWidth:.33,layout: 'form',
		items :[
                  {xtype:'textfield',fieldLabel: 'Reste à Faire',width:50, name: 'RAF',value: '0'}, 
                {xtype: 'displayfield', value: 'j/h'}				]
		}
	 ]				}
	 				]	
			},

Quelqu'un sait-il comment faire ?

merci de votre aide

19/08/2010, 08h03
MadMax4

Compte tenu de l'absence de réponse, je vais reformuler ma question.

Dans mon formulaire, quand je positionne des champs "Textfield", j'ai bien un label qui figure au dessus. Quand je mets ces Textfields dans un "compositeField", le label disparait.

Est-ce un bug connu ou est-ce que je m'y prends mal ?

merci de vos lumières.

Salut,

J'ai eu le même problème que toi. Le soucis apparemment c'est que si le formulaire est caché au départ que tu le rends visible ensuite aucun affichage dans les compositefield.

Sinon ton code marche, je l'ai essayé comme tu l'as écris et comme ça aussi :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{xtype:'fieldset',title: 'Charges',collapsible:false, autoHeight:true, layout:'column',
            items:[
				{xtype: 'compositefield', layout: 'form',
					items: [
						{xtype:'textfield',	fieldLabel: 'Charge prévisionnelle', width:50, name: 'C_P',value: '0'},
						{xtype: 'displayfield', value: 'j/h'},	
						{xtype:'textfield',fieldLabel: 'Charge actuelle', width:50, name: 'C_A',value: '0'},
						{xtype: 'displayfield', value: 'j/h'},
						{xtype:'textfield',fieldLabel: 'Reste à Faire',width:50, name: 'RAF',value: '0'}, 
						{xtype: 'displayfield', value: 'j/h'}				
					]
				}
			]				
		}

et mon formulaire, c'est ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
labelWidth: 100,
	border:false,
	layout:'form',
	//hidden:true,
	autoHeight: true,
	width:300,
	defaults: {anchor:'0'},
	bodyStyle:'padding:10px',
	defaultType: 'textfield',
	labelAlign: 'top',
	buttonAlign: 'center',

J'espère que ça pourra t'aider.

Edit :

A priori, il s'agirait d'un bug. Ma solution

Code:

1
2
3
4
5
Ext.override(Ext.form.FormPanel, { show : function(){ 
	this.getVisibilityEl().removeClass('x-hide-' + this.hideMode); 
	this.getComponent('identite').show(); 
	if(Ext.isWebKit) {this.getVisibilityEl().show();}
}});

Identite étant l'id de mon compositeField. Le reste je l'ai pris d'un forum US que j'ai mis à ma sauce.

07/09/2010, 13h04
MadMax4

Merci BudKiller ... et pardon de ne pas avoir répondu plus tôt (je n'y croyais plus !)

je vais tester ça tout de suite.
encore merci
09/09/2010, 08h06
MadMax4

Salut BudKiller,

Bon bah j'ai testé et ... les FieldLabels n'apparaissent toujours pas.
j'ai utilisé ton Ext.override et j'ai appelé la fonction show sur mon formPanel : était-ce bien ce que je devais faire ou n'ai-je rien compris ?

A noter tout de même que dans mon problème initial, je n'avais pas caché le formulaire au départ.

Cordialement
MadMax

As tu tenté d'intervenir sur le onRender

J'ai eu un peu le même genre de pb un panel
j'utilisais une string dans ma définition pour positionner le Layout
(c'était dans une ancienne version aujourd'hui je sais )
du coup au moment du rendu pas de layout attendu

alors que si je mettais une instance de layout ça marchait.

en fait dans le rendu contrairement à ce que disait la doc il ne créait pas le Layout du coup j'ai fait :
Code:

1 2 3 4 5 6 7 8 9 10 ,onRender:function(ct, position) { Ext.app.DayTopPanel.superclass.onRender.call(this, ct, position); if (this.layout) { if(typeof this.layout == 'string'){ this.layout = new Ext.Container.LAYOUTS[this.layout.toLowerCase()](this.layoutConfig); } this.setLayout(this.layout); this.doLayout(); } ...
A+JYT

14/09/2010, 10h28
MadMax4

Merci Sekaijin de ta contribution.

Malheureusement, je ne suis toujours pas sorti de ma mélasse.
Dans ton post, tu utilises :
"Ext.app.DayTopPanel",

Qu'est-ce que "DayTopPanel" par rapport à ton exemple ?
et surtout: que signifie "Ext.app", je n'ai rien trouvé dans la documentation sur cet objet?

Il est au demeurant troublant de devoir faire appel à tant de subtilités pour simplement afficher le label d'un textField, tu ne trouves pas ?

Cordialement
Madmax
14/09/2010, 13h58
sekaijin

Ext.app.DayTopPanel est une classe panel perso pour mon application
c'est juste un dérivé de Panel

oui je trouve que c'est compliqué d'en passer par là mais parfois on n'a pas le choix

je ne suis pas sur que ça soit une solution à ton pb mais c'est une piste à explorer

A+JYT