[JSF] PanelGrid et javascript

Version imprimable

Bonsoir,
Dans un code de ma JSP, j'utilise le composant panelGrid de JSF:
Code:

1 2 3 4 5 6 7 8 <h:panelGrid width="80%" cellpadding="5px" cellspacing="0px" align="right" border="0" columns="2" columnClasses="menu_image,menu_text" > <h:graphicImage url="/web/images/icon1.png" alt="please wait" /> <h:outputText value="#{msgs['text.desc1']}" /> <h:graphicImage url="/web/images/icon2.png" alt="please wait" /> <h:outputText value="#{msgs['text.desc2']}" /> </h:panelGrid>
Dans le rendu HTML:

les deux premières lignes en rouge correspondent aux 2 éléments <td/> du premier <tr/> de la table.
les deux dernières lignes en rouge correspondent aux 2 éléments <td/> du dernier <tr/> de la table.

Jusque là on est d'accord; maintenant mon problème est le suivant:
Comment ajouter un attribut onclick à chacun de mes <tr/>, ou plutot comment associer un évènement onclick aux deux premières lignes en rouge et un autre au deux dernières??

Merci d'avance

18/05/2006, 10h07
Shivan

A ma connaissance tu ne peux pas faire ça facilement.

Alors soit tu met tes onclick directement dans tes <h:graphicimage> soit tu peut peut etre mettre des <h:pannelgroup> et lui mettre l'attribut onclick.

C'est clair que pour ça JSF n'est vraiment pas pratique. Enfin si quelqu'un à une meilleur solution ça m'intéresse
18/05/2006, 11h32
SEMPERE Benjamin

Le PanelGroup j'y ai déjà pensé, le problème c'est qu'après coup, l'attribut columnClasses="menu_image,menu_text" n'est plus appliqué aux éléments respectifs...

Bon j'ai une solution, je ne sais pas si c'est la meilleure:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<h:panelGrid 
width="80%" cellpadding="5px" cellspacing="0px" align="right" border="0">
	<h:panelGroup onmouseover="this.style.backgroundColor='#656565'" onmouseout="this.style.backgroundColor='#353535'">
		<h:panelGrid width="100%" columns="2" columnClasses="menu_image,menu_text">
                    <h:graphicImage url="/web/images/icon1.png" alt="please wait" />
                    <h:outputText value="#{msgs['text.desc1']}" />
		</h:panelGrid>
		<h:panelGrid width="100%" columns="2" columnClasses="menu_image,menu_text">
                    <h:graphicImage url="/web/images/icon2.png" alt="please wait" />
                    <h:outputText value="#{msgs['text.desc2']}" />
		</h:panelGrid>
        </h:panelGroup>