[RichFaces 4.3] rich:panelMenu configuration pour simple menu

**Kihmé Xs** · 09/01/2015, 15h37

Bonjour à tous,

J'essaie de configurer un menu avec rich:panelMenu de richfaces 4.3. Je fais mes débuts avec JSF 2 et Richfaces. Je cherche à afficher un menu le plus simple possible, voici un aperçu :

Nom : menu.png
Affichages : 142
Taille : 1,3 Ko

En partant de l'exemple du showcase de richfaces je ne réussi pas à avoir ne serait-ce qu'un bout du menu. En faisant des recherches sur le forum j'ai trouvé un cas semblable mais il n'a pas eu de réponse.

page xhtml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
 
	<head>
		<ui:remove>
			<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		</ui:remove>
		<title><ui:insert name="headerTitle" /></title>
		<link rel="STYLESHEET" type="text/css"
			href="${facesContext.externalContext.requestContextPath}/css/default.css" />
	</head>
	<body>
		<h:panelGroup styleClass="leftColumn" id="leftColumn" layout="block">
			<h:panelGroup styleClass="logoPanel" layout="block">
			</h:panelGroup>
 
			<h:panelGroup styleClass="sidePanel" id="sidePanel" layout="block" >
				<h:form>
				<h:panelGrid columns="2" columnClasses="cols,cols" width="400">
			            <rich:panelMenu style="width:150px" itemMode="ajax" groupMode="ajax" groupExpandedLeftIcon="triangleUp"
			                groupCollapsedLeftIcon="triangleDown" topGroupExpandedRightIcon="chevronUp"
			                topGroupCollapsedRightIcon="chevronDown" itemLeftIcon="disc">
			                <rich:panelMenuGroup label="Group 1">
			                    <rich:panelMenuItem label="Item 1.1" name="Item_1_1" />
			                    <rich:panelMenuItem label="Item 1.2" name="Item_1_2" />
			                    <rich:panelMenuItem label="Item 1.3" name="Item_1_3" />
			                </rich:panelMenuGroup>
			            </rich:panelMenu>
			        </h:panelGrid>
 
				</h:form>
			</h:panelGroup>
 
			<h:panelGroup styleClass="sessionPanel" id="sessionPanel" layout="block" >
			</h:panelGroup>
 
		</h:panelGroup>
 
		<h:panelGroup styleClass="centerColumn" id="centerColumn" layout="block">
			<h:panelGroup styleClass="browserPanel" id="browserPanel" layout="block"/>
 
			<h:panelGroup styleClass="pagePanel" id="pagePanel" layout="block">
				<h:panelGroup id="content" layout="block">
					<ui:insert name="body"></ui:insert>
				</h:panelGroup>
			</h:panelGroup>
 
			<h:panelGroup styleClass="footerPanel" id="footerPanel" layout="block"/>
		</h:panelGroup>
 
	</body>
 
</html>

HTML généré pour le menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<table width="400">
 
    <tbody>
        <tr>
            <td class="cols">
                <rich:panelmenu itemlefticon="disc" topgroupcollapsedrighticon="chevronDown" topgroupexpandedrighticon="chevronUp" groupcollapsedlefticon="triangleDown" groupexpandedlefticon="triangleUp" groupmode="ajax" itemmode="ajax" style="width:150px">
                    <rich:panelmenugroup label="Group 1">
                        <rich:panelmenuitem name="Item_1_1" label="Item 1.1"></rich:panelmenuitem>
                        <rich:panelmenuitem name="Item_1_2" label="Item 1.2"></rich:panelmenuitem>
                        <rich:panelmenuitem name="Item_1_3" label="Item 1.3"></rich:panelmenuitem>
                    </rich:panelmenugroup>
                </rich:panelmenu>
            </td>
        </tr>
    </tbody>
 
</table>

Malgré le code HTML généré je n'ai rien dans ma page, quelqu'un a une idée de ce qui cloche ?

A terme je compte faire des rich:panelmenuitem des liens vers d'autres pages.

Edit : Après avoir essayé également rich:panel avec à l'intérieur des h:outputLabel et h:outputText, les outputs s'affichent mais pas le rich:panel, problème avec richfaces ?

**Kihmé Xs** · 13/01/2015, 11h07

Il s'agissait d'un problème de dépendance et des balises <header> et <body> qu'il fallait passer en <h:header> et <h:body>

[RichFaces 4.3] rich:panelMenu configuration pour simple menu

JSF Java

Discussions similaires

Partager

Partager