Exemple : rich:panelMenu

Version imprimable

Salut !

J'essaie de faire un menu avec rich:panelMenu comme celui de la démo, mais en plus je veux que lorsque je choisi un element je modifie seulement le contenu :
J'utilise facelets pour décomposer ma page

template.jsp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<body>
		<table width="1000" align="center" border="0">
			<tbody>
			<tr>
				<td colspan="3" valign="middle">
					<ui:insert name="header">
						<ui:include src="/faces/_header.jsp" />
					</ui:insert>
				</td>
			</tr>
			<tr>
				<td width="200" valign="top">
					<ui:insert name="left">
						<ui:include src="/faces/_leftMenu.jsp" />
					</ui:insert>				
				</td>
				<td width="*" valign="top">
					<rich:panel id="body" ajaxRendered="true">>
						<ui:insert name="body">
							No Body specified !
						</ui:insert>
					</rich:panel>
				</td>
				<td width="0">
					<ui:insert name="rigth" valign="top">
						<ui:include src="/faces/_rigthMenu.jsp" />
					</ui:insert>
				</td>
			</tr>
			<tr>
				<td colspan="3">
					<ui:insert name="footer" valign="top">
						<ui:include src="/faces/_footer.jsp" />
					</ui:insert>
				</td>
			</tr>
			</tbody>
		</table>
	</body>

_leftMenu.jsp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<h:form id="menu_form" >
 
					<h:commandButton action="cv" reRender="body"></h:commandButton>
						<h:panelGrid columns="2" columnClasses="cols">
							<rich:panelMenu style="width:200px" mode="ajax"
								iconExpandedGroup="disc" iconCollapsedGroup="disc"
								iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right"
								iconCollapsedTopGroup="chevronDown" iconCollapsedTopPosition="right">
 
								<rich:panelMenuGroup label="page1" >
									<rich:panelMenuItem label="Page 1" mode="Ajax" reRender="body"  action="page1">
									</rich:panelMenuItem>
								</rich:panelMenuGroup>

Mais ça ne marche pas, est ce que quelqu'un a déja réussi à le faire !

Merci

01/10/2007, 09h51
Sniper37

qu'est ce qui ne marche pas..tu as une erreur ? ou rien ne s'affiche?
01/10/2007, 10h49
17mounir

J'ai l'impression qu'il ne tiens pas compte de action="page1"

Avec fireBug de FireFox j'ai l'impression qu'il load la page courante seulement.
01/10/2007, 11h11
Sniper37

Citation:

Envoyé par 17mounir

J'ai l'impression qu'il ne tiens pas compte de action="page1"

Avec fireBug de FireFox j'ai l'impression qu'il load la page courante seulement.

comment tu defini la navigation rule.?

faces-config.xml

Code:

1
2
3
4
5
6
7
8
9
 
<navigation-rule>
  <display-name>faces/_leftMenu</display-name>
     <from-view-id>/faces/_leftMenu.jsp</from-view-id>
     <navigation-case>
          <from-outcome>cv</from-outcome>
          <to-view-id>/content/addCV.jsp</to-view-id>
     </navigation-case>
</navigation-rule>

template.jsp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<body>
<table width="1000" align="center" border="0">
<tbody>
	<tr>
		<td colspan="3" valign="middle">
			<ui:insert name="header">
				<ui:include src="/faces/_header.jsp" />
			</ui:insert>
		</td>
	</tr>
	<tr>
		<td width="200" valign="top">
			<ui:insert name="left">
				<ui:include src="/faces/_leftMenu.jsp" />
			</ui:insert>				
		</td>
		<td width="*" valign="top">
			<rich:panel id="body" ajaxRendered="true">
				<ui:insert name="body">
					No Body specified !
				</ui:insert>
			</rich:panel>
		</td>
		<td width="0">
			<ui:insert name="rigth" valign="top">
				<ui:include src="/faces/_rigthMenu.jsp" />
			</ui:insert>
		</td>
	</tr>
	<tr>
		<td colspan="3">
			<ui:insert name="footer" valign="top">
				<ui:include src="/faces/_footer.jsp" />
			</ui:insert>
		</td>
	</tr>
</tbody>
</table>
</body>

_left_menu.jsp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<a4j:form ajaxSubmit="true">
<h:panelGrid columns="2" columnClasses="cols">
	<rich:panelMenu style="width:200px" mode="ajax"
	iconExpandedGroup="disc"  iconCollapsedGroup="disc"
	iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right"
	iconCollapsedTopGroup="chevronDown"iconCollapsedTopPosition="right">
                   <rich:panelMenuGroup label="My CVs" >
	             <rich:panelMenuItem label="Add CV" mode="ajax" action="cv">
                          </rich:panelMenuItem>
	      </rich:panelMenuGroup>
             </rich:panelMenu>
</h:panelGrid>
</a4j:form>