Discussion :

[MadMax4]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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.

[budkiller]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[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

[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

[sekaijin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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