Ajouter un événement click à un élément?
Comment peut-on affecter un événement click à l'arbitraire d'un span (eg. <span id="foo">foo</span>
) dans une ST2 application?
J'ai un exemple trivial qui illustre bien l'idée de ce que je voudrais faire. Dans l'exemple, j'écris les lettres A,B,C
et j'aimerais l'utilisateur de la lettre qu'ils ont cliqué.
Voici une image:
EXTRAIT DE CODE
Ext.application({
launch: function() {
var view = Ext.create('Ext.Container', {
layout: {
type: 'vbox'
},
items: [{
html: '<span id="let_a">A</span> <span id="let_b">B</span> <span style="float:right" id="let_c">C</span>',
style: 'background-color: #c9c9c9;font-size: 48px;',
flex: 1
}]
});
Ext.Viewport.add(view);
}
});
source d'informationauteur
Vous devez vous connecter pour publier un commentaire.
Vous pouvez ajouter un écouteur d'un élément spécifique à l'aide de la délégation. Il est en fait assez simple d'utilisation.
Les parties principales sont
element
etdelegate
.element
aura la valeur deelement
dans presque tous les cas, sauf si vous travaillez avec des composants personnalisés avec des modèles personnalisés.delegate
est un simple sélecteur CSS. Ainsi, il pourrait être quelque chose despan
àspan .test.second
Dans l'idéal, comme Thiem dit, vous devriez profiter de composants autant que possible. Ils vont vous donner beaucoup plus de souplesse. Mais je sais qu'il y a certainement des cas où vous avez besoin pour ce faire. Il n'y aura aucune incidence sur les performances; en fait, il sera plus rapide que d'utiliser des composants. Cependant, vous devez jamais mettre en œuvre les auditeurs de la façon dont il l'a suggéré. Il ne sera pas performant et qui est très sale (comme il dit).