Discussion :

[lolo_92]

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

[kenny.kev]

Salut à toi,

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

Code :

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

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.

[JulienFio]

Bonjour,

Le

Code :

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

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 :

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
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 :

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

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
           ...
        });
    }
});

[lolo_92]

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