Dans YUI, existe-t-il un moyen de référencer les objets tabulation ou tabview du DOM?

Question

Il semble qu'il devrait y avoir, mais j'ai regardé sur l'API et nada. Je ne vois pas comment ça se fait en 2.x. Actuellement, je stocke des références avec les éléments aux objets tab and tabview via data method de jQuery.

Le pourquoi: Lorsque je suis en contact avec les onglets via mouseovers et de clics, je dois être en mesure de référencer les propriétés & méthodes des objets onglet YUI/de TabView. Puisque j'utilise la délégation d'événements b/c j'ai tellement d'onglets (onglets dans les onglets), je ne suis pas directement attachés (potentiellement des centaines de) écouteurs d'événements, et donc je n'ai pas accès aux onglets et tabview via le this.

Il existe une méthode correspondante pour les boutons (YAHOO.widget.Button.getButton) mais pas une pour les onglets sauf si quelque chose me manque.

En outre, il semble que si j'ai un objet onglet, il n'y a pas de référence à la tabview. Encore une fois, je crée ma propre référence, mais je suppose qu'il devrait déjà y avoir une référence ou une méthode d'accès.

Quelqu'un peut-il faire la lumière là-dessus? Quelqu'un d'autre aborde cela différemment?

Answer 1

Le meilleur endroit pour les questions YUI sont les forums sur yuilibrary.com.

Le composant YUI TabView dispose d'une délégation d'événement intégrée. Chaque événement Tab est en fait géré par le TabView auquel il appartient. Chaque événement est routé vers l'onglet approprié et le contexte du gestionnaire est défini sur l'onglet.

Cela vous permet d'assigner vos auditeurs comme vous le feriez normalement:

tabview.getTab (1) .on ('mouseover', function (e) { console.log (e.target.innerHTML); // e.target === Elément d'étiquette d'onglet console.log (this.get ('label')); // this === Instance d'onglet });

Cela fonctionne également pour les onglets imbriqués.

Il n'existe actuellement aucune liaison entre Tab et TabView, à l'exception de l'attribut "tabs" de TabView. Vous pouvez itérer cette collection et comparer votre élément à l'attribut "element" de chaque onglet s'il existe un cas d'utilisation pour savoir à quel TabView il appartient.

Answer 2

avez-vous essayé d'utiliser Firebug, en utilisant l'onglet DOM/sous-panneau DOM, et en regardant réellement les attributs/propriétés/méthodes sur le document et/ou les éléments connexes? C'est généralement le moyen le plus rapide de voir à quoi vous pouvez accéder.

également utile de faire une boucle for..in pour énumérer toutes les propriétés/méthodes d'un objet retourné si vous n'êtes pas sûr de ce qui est disponible et incapable d'obtenir cette information via firebug.

par exemple.

var properties = ""; 
for (prop in obj) { 
    properties += prop+"\n"; 
} 
alert(properties); 

Ceci est vrai dans la plupart des cas, pas seulement pour votre question particulière.

EDIT Après avoir vérifié les exemples juste YUI pour TabView, je vois qu'il ya pas de propriété sur les éléments DOM pour les onglets qui font référence à des objets JS. Je suppose que cela a été fait pour éviter la pollution DOM, mais il semble que vous ayez à faire ces références vous-même lors de la création des onglets/tabulaires

par exemple.

var tabView = new YAHOO.widget.TabView('demo'); 
document.getElementById("demo").tabView = tabView;