Panel, faire une action sur le Expand ?

Version imprimable

Bonjour à tous,

ExtJS4.2.1 - MVC

je ne comprends pas pourquoi l'évènement "Expand" ne se déclenche pas dans mon code.

J'ai une vue qui contient un panel qui est collapse: true et défini comme suit:

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
26
27
28
29
        {
            title:          'Authors',
            itemId:         'panelapc',
            region:         'north',
            animCollapse:   false,
            collapsible:    true,
            collapsed:      true,
            frame:          true,
            autoScroll:     true,
            margins:        '20 0 10 0',
            height:         200,
            items: [{
                    xtype:              'grid',
                    itemId:             'myslavegridapc',
                    store:              'App.store.pp.SlavesAPC',
                    border:             0,
                    bodyPadding:        0,
                    hideCollapseTool:   true,
                    columnLines:        true,
                    viewConfig: {
                        stripeRows:     true
                    },
                    columns: [
                        { text: 'CC', width: 30, sortable: true, dataIndex: 'cc' },
                        { text: 'Name', flex: 1, sortable: true, dataIndex: 'name' }, 
                        { text: 'F.', width: 30, sortable: true, dataIndex: 'f'}
                    ]                                                    
            }]                
        },

dans mon Controller, j'ai mis une ref et j'essaie de capter l'event Expand comme suit:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
   refs: [
            { ref: 'mySlaveAPC', selector: 'myslavegridapc' },
            { ref: 'mypanelAPC', selector: 'panelapc' }    
    ],
 
    init: function() {
         console.log('Init Constraint');
         this.control({
             'mypanelAPC': {
                 expand: this.onExpandPanelAPC
             }
         });
    },
    onExpandPanelAPC: function(p) {
        console.log('===========> Bingo !');
    },

Ai-je oublié quelque chose dans mon code pour ne pas avoir le Expand qui soit détecté ?

D'avance merci pour votre aide,
Amicalement,
Bruno

15/04/2014, 16h38
Bruno13

peut être y-a-t-il une autre solution à mon problème. en fait dans mon panel j'ai une Grid que je cherche à renseigner uniquement lorsque l'utilisateur va "expander" le panel.
Peut être voyez vous une autre méthode...mais de toute manière je ne choppe aucun event dans ma view "Constraint" un vrai mystère.... peut être une erreur dans mes refs et mes control dans mon controlleur...

vous voyez une erreur vous ? ou un truc de ce genre car là je sèche complet :'(

J'ai trouvé, je me suis bien emmélé les pinceaux avec les refs et le this.control.

On m'a bien expliqué et la solution est toute simple effectivement dans mon cas:

plus besoin de refs en fait. Il faut recherche dans le this.control l'itemId grace au #
et non pas se servir des refs comme j'essayais de le faire.

Controller:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
    init: function() {
        console.log('Init Constraint');
 
        this.control({
            '#panelapc': {
                expand: this.onExpandPanelAPC,
                collapse: this.onCollapsePanelAPC                
            }
        });
    },
    onExpandPanelAPC: function(p) {
        console.log('===========> Bingo !');
    },
    onCollapsePanelAPC: function() {
        console.log('LE COLLAPSE FONCTIONNE !!!!');
    }