Attrapper un évènement dans un formPanel [Résolu]

[Leduc08]

Bonjour,

J'ai une petite problématique qui me parait simple, je suis dans un formulaire et je voudrais attraper ("catcher") un évènement onFocus sur un champ text.

En fait j'aurais aimé pouvoir coder ça dans la configuration de mes Items, mais il semble que ce ne soit pas la bonne méthode ou que je m'y prenne mal, et c'est là que je compte sur vous.

Voici l'exemple de mon code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
...
   var simple = new Ext.FormPanel({
        labelWidth: 100, 
        url:'form.php',
        frame:true,
        title: 'Simple Form',
        bodyStyle:'padding:5px 5px 0',
        width: 450,
        defaults: {width: 230},
        items: [{
		xtype: 'numberfield',
                fieldLabel: 'ID',
                name: 'FIL_ID'
            },{
                xtype : 'textfield',
                fieldLabel: 'File Name',
                name: 'FIL_NAME',
                focus: alert('wohaaa') // C'est cette ligne qui m'intéresse
            }
        ],
...

J'ai essayer un peu dans tous les sens, mais la plus part du temps mon alerte apparait lorsque j'appels mon formulaire.

--> Est-ce qu'il est possible d'attraper un évènement de cette manière sur un champ texte (ou autre items)?


D'avance merci pour votre aide.

[JulienFio]

Bonjour,

Je pense que tu devrais pouvoir t'en sortir avec quelque chose de ce genre:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var monForm = new Ext.FormPanel({
        labelWidth: 100, 
        url:'form.php',
        frame:true,
....
items: [{
		xtype: 'numberfield',
                fieldLabel: 'ID',
                name: 'FIL_ID'
            },{
                xtype : 'textfield',
                id: 'monId' //Important pour récupérer ton item
                fieldLabel: 'File Name',
                name: 'FIL_NAME'
            }
        ],
...
};


//Gestion de l'event
Ext.getCmp('monId').on('focus', function(item){
alert('Focus sur mon item !');
});

ou bien comme ceci:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
var monForm = new Ext.FormPanel({
        labelWidth: 100, 
        url:'form.php',
        frame:true,
....
items: [{
		xtype: 'numberfield',
                fieldLabel: 'ID',
                name: 'FIL_ID'
            },{
                xtype : 'textfield',
                fieldLabel: 'File Name',
                name: 'FIL_NAME',
                listeners : {
                            focus: function(item){
                                alert('Focus sur mon item !');
                            }
                        }
            }
        ],
...
};

[Leduc08]

J'avais écris exactement la même chose mais sans item:

Code :

1
2
3
4
5
6
 
                listeners : {
                            focus: function(item){ // ICI
                                alert('Focus sur mon item !');
                            }
                        }

C'était le petit truc qui me manquait, un grand merci à toi, le repas de ce midi aura meilleur goût grâce à toi ;-)))

Bonne après mdi