Le Touilleur Express

  • Accueil
  • A propos de l’auteur
  • A propos du Touilleur Express
Next Previous

Comment AJAX-iser ses composants JSF

18 juin, 2006

Ajax Anywhere est une librairie open source qui permet de transformer des composants JSF existant en composant compatible AJAX. Ainsi au lieu de rafraichir l’ensemble d’une page lorsque l’utilisateur soumet un formulaire, vous pouvez délimiter des zones dans votre page et enchainer un rafraichissement uniquement de cette zone. L’avantage d’AJAX Anywhere contrairement à d’autres JSF existant, c’est que cette API n’est pas orientée composant mais plutôt « zone ». D’autre part il est possible d’ajouter ou retirer AJAX anywhere facilement car les composants JSF eux-même ne sont pas impactés. Vous pouvez donc ajouter une couche « AJAX » sur votre application JSF existante, et ce, très facilement

Mise en oeuvre:

  • Téléchargez l’api ici
  • Placer le fichier aa.js à la racine de votre répertoire web, les fichiers .class dans le répertoire WEB-INF/lib, le fichier ajaxanywhere.tld dans le répertoire META-INF\tlds.
  • Configurez un nouveau filter:
    <pre>
    <filter>
    <filter-name>AjaxAnywhere</filter-name>
    <filter-class>org.ajaxanywhere.AAFilter</filter-class>
    </filter>

    <filter-mapping>
    <filter-name>AjaxAnywhere</filter-name>
    <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
    <filter-name>AjaxAnywhere</filter-name>
    <url-pattern>*.do</url-pattern> <!-- default Struts mapping -->
    </filter-mapping>
    <filter-mapping>
    <filter-name>AjaxAnywhere</filter-name>
    <url-pattern>*.htm</url-pattern> <!-- other framewords mapping-->
    </filter-mapping>
    </pre>

  • Il faut maintenant brancher AjaxAnywhere sur vos composants JSF dans une page JSP. Vous pouvez voir ici une démo avec les composants MyFaces et l’intérêt de ne pas recharger toute la page. Pour ajouter AjaxAnywhere à une page JSP existante il faut:

    • Importer la librairie de tag
    • Appeler la methode AAUtil.addZones sur l’élement JSF à ajaxiser
    • Importer les librairies JS et définir la FORM qui contient le composant
    • Changer la target action de la balise FORM pour appeler du code JS d’AjaxAnywhere
    • Pre et post fixer votre composant avec le tag JSF <aa:zone>

    Si vous avez déjà une application avec JSF et que vous désirez tester le principe d’AJAX rapidement, alors AjaxAnywhere est pour vous

    0 no like

    Articles similaires:

    Default ThumbnailAJAX lave plus blanc que… OK on l'a déjà fait Default ThumbnailCSS, Ajax et DHTML sont sur un bateau… Ajax tombe à l'eau, ça sent la javel Default ThumbnailConstruire une application d'entreprise nouvelle génération avec AJAX en utilisant echo2, EJB et ServiceMix ESB Default ThumbnailAJAX, déjà un an, déjà 7 ans

Derniers articles

  • L’instant T où tu poses ta dém…

    Retour d’expérience sur la démission et le moment où vous devez quitter une entreprise.

    6 likes

    24 octobre, 2024
  • The « Robinson » projection – comprendre son système d’information

    Nous sommes en juillet 2022 chez Doctolib. Je travaille sur un projet

    5 likes

    22 octobre, 2024
  • Réussir son démarrage comme Staff/Principal Engineer dans une nouvelle entreprise

    Je prépare une présentation avec mon collègue Théotime pour la conférence Cloud

    3 likes

    6 octobre, 2024

Mots clés

Apple (32) Architecture (14) Big Data (5) Conference (8) Devoxx (55) Dev Web (37) Doctolib (2) geekevent (1) groovy (2) Innoteria (11) Java (517) Linux (10) Non classé (15) Perso (266) Recrutement (2) Scala (30) scrum (43) Société (3) Staff Engineer (5) Startup (21) Web 2.0 (67)

Le Touilleur Express

Blog par Nicolas Martignole

Contactez-moi : nicolas@touilleur-express.fr

Suivez-moi sur X (Twitter) : @nmartignole

Copyright© 2008 - 2024 Nicolas Martignole | Tous droits réservés
  • A propos de l’auteur
  • A propos du Touilleur Express
  • Reset Password

Le Touilleur Express