Comment scripts de chargement paresseux dans YUI qui accompagnent les fragments html ajax

Question

J'ai une application web avec des onglets pour les messages et les contacts (pensez gmail). Chaque onglet a un écouteur d'événement Y.on ('click') qui récupère un fragment HTML via Y.io() et restitue le fragment via node.setContent(). Toutefois, l'onglet Contact requiert également contact.js pour activer un bouton Modifier dans le fragment. Comment différer le coût de chargement de contact.js jusqu'à ce que l'utilisateur clique sur l'onglet Contacts? Comment contact.js doit-il ajouter son écouteur au bouton Modifier?

La fonction Complete de mon événement On ('click') peut sérialiser Get.script ('contact.js') après Y.io ('fragment'). Cependant, pour de meilleures performances, je préférerais télécharger le script en parallèle au téléchargement du fragment HTML. Dans ce cas, je devrais reporter l'ajout d'un écouteur d'événement au bouton Modifier jusqu'à ce que le bouton Modifier soit disponible.

Cela ressemble à un modèle de conception RIA commun. Quelle est la meilleure façon de mettre en œuvre cela avec YUI? Comment devrais-je obtenir le script? Comment devrais-je reporter des sections du script jusqu'à ce que les éléments du fragment soient disponibles dans le DOM?

Answer 1

Caridy Dispatcher module peut également gérer cela, et est probablement ma solution préférée à ce problème atm. Il était juste couvert dans YUI Heures d'ouverture aujourd'hui & il semble très bien.

Answer 2

Selon Dav:

« Ce que je voudrais faire est dans le rappel IO pour le fragment HTML, juste après avoir appelé setContent, utilisez Y.Get pour charger le fichier script: »

C'est tout à fait raisonnable.