Menu classique avec PrimeFaces

salut les amis :)
je veux faire une page avec un menu a gauche et lorsqu'on clique sur chaque item du menu la partie droite de la page se met à jour avec un contenu specifique pour chaque item
comment implémenter ça avec primefaces ?
j’espère que ça sera facile qu'avec struts car je devait utiliser Ajax et javascript avec du code on dur (l'objet HtmlXmlRequest ) ... :(

apres recherche j'ai trouvé la solution via ce lien,
cependant ce code ne fait pas la mise-à-jour :

Code:

---

1 2 3 4 5 6 7 8 9

<p:menu> <p:submenu label="Ajax Menuitems" > <f:ajax render=":contentform"> <p:menuitem value="index" action="#{choix.setPage('index')}" icon="ui-icon-disk"/> <p:menuitem value="main" action="#{choix.setPage('main')}" icon="ui-icon-arrowrefresh-1-w"/> <p:menuitem value="welcome" action="#{choix.setPage('welcome')}" icon="ui-icon-arrowrefresh-1-w"/> </f:ajax> </p:submenu> </p:menu>

---

alors que celui là marche bien :

Code:

---

1 2 3 4 5 6 7

<p:menu> <p:submenu label="Ajax Menuitems" > <p:menuitem update=":contentform" value="index" action="#{choix.setPage('index')}" icon="ui-icon-disk"/> <p:menuitem update=":contentform" value="main" action="#{choix.setPage('main')}" icon="ui-icon-arrowrefresh-1-w"/> <p:menuitem update=":contentform" value="welcome" action="#{choix.setPage('welcome')}" icon="ui-icon-arrowrefresh-1-w"/> </p:submenu> </p:menu>

---

mais vous remarquez la repetition de la balise update
coment faire avec p:ajax ou f:ajax car j'ai de probelemes avec leurs comprehension veuillez m'expliquer svp et merci ;)