Discussion :

[abraxis]

Bonjour,

Dans un grid je rajoute dynamiquement un menu qui doit changer en fonction du type de la colonne.
Le problème est que si j'ouvre plusieurs menus, les menu ne sont pas remplacé mais ajoutés.

Je voudrais savoir comment supprimer un menu car j'ai essayé :

Code :

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

menu.remove(mon_menu);

et

Code :

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

Ext.destroy(mon_menu);

mais rien à faire...

Si vous avez une idée je suis preneur.

Merci par avance de vos réponses

[Watilin]

S'il n'y a pas une méthode pour ça dans l'API de ta grid, tu peux recourir aux méthodes du DOM. Essaye removeChild.

[abraxis]

Bonjour,

Merci pour cette réponse (même si je n'ai pas test je la garde sous le coude)

J'arrive à supprimer les menus en passer par l'event "render".

[sekaijin]

un menu sur quoi ou
popup menu ?
gridheader menu ?
toolbar menu ?

Il y a beaucoup d'objet sur lequel on peu ajouter un menu
généralement on ne mets pas de menu sur une colonne on ajoute des entrées au menu de la colonne
du coup je ne voit pas à quoi ça peu servir de le changer

de même si tu a une toolbar ça ne sert à rien de créer supprimer des menu
il est bien plus simple de créer un menu de chaque type et éventuellement le les montrer ou cacher en fonction de l'objet actif
Mais je trouve l'ergonomie de la chose étrange
il faut activer une colonne je suppose en cliquant dedans
puis ouvrir le menu

là encore pour l'ergonomie
il est bien plus efficace d'utiliser le menu de la colonne il y en un sur chaque colonne
ou d'utiliser le click-droit pour afficher le menu contextuel

si tu veux de l'aide il va falloir être beaucoup plus précis.

A+JYT
http://docs.sencha.com/extjs/5.1/5.1...nu-method-show
http://docs.sencha.com/extjs/5.1/5.1...nu-method-hide

[abraxis]

Pardon pour le manque de précision.
Je parlais des menus de colonnes.
Si je veux les changer pour chacune des colonnes, c'est que j'essaie de mettre en place un système de filtres custom.
Donc selon le type de colonne (numbercolumn, datecolumn, gridcolumn, etc...) le type de filtre n'est pas le même.

Après il y a surement beaucoup mieux que la fonction en place.
Sachant que j'utilise l'event "headerTriggerClick" pour lancer la création de mon menu custom qui s'ajoute au menu de colonne déjà existant.

[sekaijin]

pour les menu de filtre tu as déjà dans extjs ce qui faut

http://docs.sencha.com/extjs/5.0/5.0...ilters.Filters

j'ai par exemple utiliser un flitre list qui utilise un datastore pour demander au serveur la liste des valeur possible
(attention extjs 4)

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
    initComponent: function() {
        usersNames = AM.store.UsersNames.create();
        this.columns = [{
            header: 'Name',  
            dataIndex: 'name',  
            filter: {
                type: 'list',
                store: usersNames
            },
            flex: 1
        },{
            header: 'Email', 
            dataIndex: 'email', 
            filterable: true, 
            flex: 2
        }];
        this.callParent(arguments);

il y a des filtre de type Boolean, Date, List, Number, String
Chaque type de filtre à des options propres
ainsi un filtre liste peux prendre une liste de valeurs possibles ou un store

Généralement en jouant sur les paramètre de chaque type on obtient le résultat attendu
si exceptionnellement aucun type ne convient il suffit de dériver un type de filtre ou de créer un nouveau type

Code :

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

1
2
3
Ext.define('AM.grid.filters.filter.MyFilter', {
    extend: 'Ext.grid.filters.filter.SingleFilter',
    alias: 'grid.filter.myFilter',

et ça s'utilise comme un autre filtre

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
var grid = Ext.create('Ext.grid.Panel', {
    ...
    columns: [{
        text: 'Name',
        dataIndex: 'name',
 
        filter: {
            // required configs
            type: 'myF',
 
            // optional configs
            ...
            }
        }
    }],
    ...
});

tu as un exemple dans extjs4
http://dev.sencha.com/deploy/ext-4.0...ter-local.html
mais ça fonctionne de la même façon dans les version suivantes

A+JY