Discussion :

[Bruno13]

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 :

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

[Bruno13]

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 :

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

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", {

[sekaijin]

Pas bon

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

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

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

[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,