Capture num element

Version imprimable

11/05/2011, 18h15
lolo_92

Capture num element

Bonjour, je commence sur ext js et à partir des demos, je suis très agreablement surpris.

Ma question concerne cet exemple :
http://dev.sencha.com/deploy/ext-4.0...Dashboard.html

j'arrive à créer un bouton "nouveau", "modifier" en toolbar mais je n'arrive pas à récupérer l'élément sélectionner pour poursuivre l'aventure !

En gros, je veux pouvoir ouvrir un formulaire dans une autre fenetre en passant l'id de l'élement selectionné courant en paramètre.

J'ai essayé plusieurs tutos mais entre les versions et le "bruit" je n'arrive à rien.

Cordialement, Laurent
12/05/2011, 09h23
kenny.kev

Salut à toi,

Pour récupérer une valeur d'un tu cette méthode la :

Code:

Ext.getCmp('ton_id').getValue();

Bien entendu tu as déclaré l'id de ton champ.

Pour les grid c'est plus complexe. Tu dois travailler sur une valeur sélectionner ou plusieurs ?

Si c'est une valeur utilise le change de extjs comme pas besoin de bouton.

Bonjour,

Le

Code:

Ext.getCmp('ton_id').getValue();

ne te retourne pas un élément mais plutôt sa valeur, ce qui veux donc dire que cela ne fonctionne que pour certains composant (ayant un paramètre value).

Ensuite, je ne suis pas sûr d'avoir bien compris ton besoin Laurent.
Tu veux pouvoir ouvrir un formulaire en cliquant sur un composant tout en passant l'id de ce composant au formulaire ? Si oui tu peux le faire en utilisant les Event. Par exemple (et selon le type de ton composant), en utilisant l'Event click. Cet Event possède en paramètre l'élément cliqué et donc tu peux accéder à son ID, ensuite libre à toi de lancé la création d'un formulaire suite à cet event.

grosso merdo ça donnerait quelque chose dans ce genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var monItem = Ext.create('Ext.....',{
                    ... //Mes paramètres
                    ,
                    listeners: {
                        click : function(item, e )  { //Ces paramètres dépendent du type de ton composant !! (ici un type Item)
                              alert('ID de mon item: '+item.getId());
                              Ext.create('Ext.form.Panel', {
                                    title: 'Simple Form',
                                     bodyPadding: 5,
                                     width: 350,
                                     IdMonItem: item.getId(), //Ici l'id de ton composant passé à ton formulaire
                                     ....
                                  });
 
                        }
                    }
     ....
});

ou comme ceci s'il s'agit d'un composant de type button:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var monBouton = Ext.create('Ext.Button', {
    text: 'Click me',
    renderTo: Ext.getBody(),        
    handler: function() {
        alert('ID de mon item: '+item.getId());
         Ext.create('Ext.form.Panel', {
         title: 'Simple Form',
          bodyPadding: 5,
          width: 350,
          IdMonItem: item.getId(), //Ici l'id de ton composant passé à ton formulaire
           ...
        });
    }
});

13/05/2011, 20h46
lolo_92

merci bein

je n'ai pas eu le temps d'implémenter vos conseils, heureusement qu'il y a le we pour pouvoir s'amuser.

En tout cas merci bien et je n'oublierai pas de retourner la réponse pour en faire profiter tout le monde.

Bon we, laurent