Appel fonction lien hypertext

Bonsoir,

Je suis en train de créer une application avec ExtJS 4.2.
J'utilise le MVC.
Je voudrais faire une lien hypertext avec appel de fonction et je me pose la question de savoir ou je dois mettre cette fonction pour respecter le MVC et rester propre.
Je dois créer un fichier ?

Merci par avance

c'est quoi un lien hypertexte avec appel de fonction ?

Je me trompe peu-être de terme.

Code:

<a href="#" onclick="maFonction();">texte</a>

Ok

généralement dans Ext on n'utilise pas de lien pour invoquer une fonction
on utilise une action. un bouton, une ligne d'une grille un objet quelconque
tu as ça dans le tuto MVC

dans la vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Ext.define('AM.view.user.Edit', {
...
        this.buttons = [
            {
                text: 'Save',
                action: 'save' //<= ici on défini une action nommé save
            },
            {
                text: 'Cancel',
                scope: this,
                handler: this.close // ici on associe la fonction close de la vue au bouton cancel
            }
        ];
...
    }
});

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Ext.define('AM.controller.Users', {
    ...
    init: function() {
        this.control({
            'viewport > userlist': {// <= ici on associe une fonction au doublr click sur une ligne d'un grid.
                itemdblclick: this.editUser
            },
            'useredit button[action=save]': { // <= ici on associe une fonction à l'action.
                click: this.updateUser
            }
        });
    },
    ...
    updateUser: function(button) {
        console.log('clicked the Save button');
    }
    ...
});

dans cet exemple la fonction est une méthode du contrôleur lui même mais tu peux invoquer la méthode de ton choix.
par exemple une méthode de ta classe métier

si tu utilise un template html pour afficher des données et que c'est dans celui-ci que tu veux mettre ton a href tu peux utiliser à la place un bouton extjs

Code:

1
2
3
4
5
new Ext.XTemplate(
  '<li class="phone" id="itemID{id}" >',
  '{[ this.addCmp({xtype:"button", text:"texte", action:"monaction" }) ]}',
  '</li>'
)

A+JYT

Un grand merci pour ce complèment d'informations que j'aurais trouvé si j'avais cherché un peu plus :/