MVC - Accéder à une variable dans la VIEW (handler) ?

Version imprimable

Bonjour à tous,

Je voudrais utiliser ce bout de code pour faire à peu prés la même chose mais hélas je n'arrive pas à accéder à la variable counter
dans ma View.

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
function addressCounter(incr) {
    if (!this.no) {
        this.no = 0;
    } else {
        this.no = this.no + 1;
    };
};
var counter = new addressCounter();
console.log(counter.no);
 
// J'ai mis la partie ci-dessus dans mon controller
 
 
//put below code inside your form  items       
{
    xtype: 'button',
    text: 'Add address ',
    id: 'addaddress',
    handler: function () {
        counter.no = counter.no + 1; <====== ICI comment accéder à counter ? cela ne fonctionne pas
        console.log(counter.no);
 
        .....
        .....
 
    } // eof function
}, // eof Add button

ah ben j'ai trouvé la solution mais je ne savais pas que l'on pouvait définir des choses en début de fichier VIEW en dehors de Define comme ci-dessous:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function addressCounter(incr) { if (!this.no) { this.no = 0; } else { this.no = this.no + 1; }; }; var counter = new addressCounter(); console.log('ADRESSE COUNTER: ' + counter.no); Ext.define("PP.view.search.Builder", {

Pas bon

la solution est de mettre des handler là où il sont censés être c'est à dire dans le controleur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Ext.define('AM.controller.Users', {
    extend: 'Ext.app.Controller',
 
    init: function() {
        this.control({
            'viewport > panel': {
                render: this.onPanelRendered
            },
            'useredit button[action=save]': { //handler du bouton save de la vue useredit
                click: this.updateUser
            }
        });
    },
 
    onPanelRendered: function() {
        console.log('The panel was rendered');
    },
    updateUser: function(button) {
        //code ici du contôle
    }
});

dans la vue mettre le bouton avec l'action 'save'

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
30
31
32
33
34
35
36
37
Ext.define('AM.view.user.Edit', {
    extend: 'Ext.window.Window',
    alias: 'widget.useredit',
 
    title: 'Edit User',
    layout: 'fit',
    autoShow: true,
 
    initComponent: function() {
        this.items = [
            {
                xtype: 'form',
                items: [
                    {
                        xtype: 'textfield',
                        name : 'name',
                        fieldLabel: 'Name'
                    },
                    {
                        xtype: 'textfield',
                        name : 'email',
                        fieldLabel: 'Email'
                    }
                ]
            }
        ];
 
        this.buttons = [
            {
                text: 'Save',
                action: 'save' //ici on associe l'action save au bouton cette action sera utilisée par le contrôleur pour gérer le bouton
            }
        ];
 
        this.callParent(arguments);
    }
});

A+JYT

23/07/2014, 13h57
Bruno13

Salut sekaijin,

Tu as raison, cela ne me plaisait pas de mettre tout ça dans la View, je comptais mettre tout cela dans le Controller après avoir réussi à faire fonctionner le tout.

Merci pour ta réponse,