Centrer le contenu d'un layout

Version imprimable

21/04/2012, 18h40
yous18

Centrer le contenu d'un layout
salut les amis :)
j'utilise les layout de primefaces pour diviser ma page
quand je clique sur le menu dans le layout west il y a une mise a jour du layout center voilà en gros le code :
Code:

1 2 3 4 5 6 7 8 <p:layout fullPage="true" id="layout" > <p:layoutUnit position="north" > <p:layoutUnit position="west" > ..... <p:layoutUnit position="center" > ....
le probleme c'est que je veux center le contenu du center layout
comment faire j'ai essayé avec l'attribue position="center" mais sans resultat :(

http://img835.imageshack.us/img835/5103/menuzk.png
21/04/2012, 22h01
OButterlin

tu peux mettre le contenu dans une balise <center> ... le contenu ...</center>
22/04/2012, 01h33
yous18

merci OButterlin :)
27/04/2012, 11h58
SUHOKAWA

Bonjour Yous18,
Je suis actuellement entrain d'apprendre PrimeFaces.....Est que tu pourrais me montrer un bout de code sur la procédure de faire afficher du contenu dans layout "centre" en cliquant sur l'un de tes menu.
Merci d'avance

hi SUHOKAWA pour la procedure je l'ai appri des ces liens lien 1 et lien 2 :
voilà le code

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
41
42
43
44
45
<p:layout fullPage="true" id="layout" >
    <p:layoutUnit position="north" size="100" styleClass="ui-north-content">
    	<h:panelGroup id="header" layout="block" />
 
    </p:layoutUnit>
 
    <p:layoutUnit position="west" >
 
	<h:panelGroup id="menu" layout="block" >
	    <h:form>
			....
			    <p:menu type="plain" style="width:200;box-shadow: 6px 6px 6px black;top:-18;left:-40">
 
			        <p:submenu label="Baraque" >		            	
			            <p:menuitem update=":contentform" value="ajouter" action="#{choix.setPage('page1')}" />
			            <p:menuitem update=":contentform" value="Consulter" action="#{choix.setPage('page2')}"  />
			        </p:submenu>   
 
			    </p:menu>	
			....
 
	    </h:form>
	</h:panelGroup>
    </p:layoutUnit>
 
    <p:layoutUnit position="center" style="background-color:#D1D1E1" styleClass="ui-center-content">
    <center>
	<h:panelGroup id="content" layout="block" position="center" >
	    <h:form id="contentform" >
	        <h:panelGroup rendered="#{choix.page == 'page1'}">
	            <ui:include src="page1.xhtml" />
	        </h:panelGroup>
 
 
	        <h:panelGroup rendered="#{choix.page == 'page2'}">
	            <ui:include src="page2.xhtml"  />
	        </h:panelGroup>	  
 
 
	    </h:form>
	</h:panelGroup>	
	</center>
    </p:layoutUnit>
 
</p:layout>

le bean :

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
package Beans;
 
import java.io.Serializable;
 
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
 
 
@ManagedBean (name="choix")
@ViewScoped 
public class TemplateBean implements Serializable {
 
	private String page ;
 
	public String getPage() {
		return page;
	}
 
	public void setPage(String page) {
		this.page = page;
	}
 
 
 
}

27/04/2012, 12h39
SUHOKAWA

Merci tout plein tu me sauves
27/04/2012, 14h43
SUHOKAWA

C'est encore moi Yous18
j'ai fait comme toi mais j'ai cette erreur j'ai cherché sur le net mais j'ai essayé deux solutions que j'ai trouvé mais toujours pareil...As tu eut cette erreur et si oui comment l'as tu résolu.

"Cannot find component with identifier "contentform" in view."
Désolé de te déranger comme cela mais je débute en java actuellement je suis dans la période entreprise pour valider ma formation Afpa"Concepteur Développeur Informatique" et c'est la première fois que je touche à PrimeFaces.
27/04/2012, 17h34
yous18

contentform est l'id du form du layout du centre

Code:

<h:form id="contentform" >

du l'ayout quand doit mettre a jour si on clique sur le menu :

Code:

<p:menuitem update=":contentform" value="ajouter" action="#{choix.setPage('page1')}" />

donc tu doit spécifier ce id contentform car il le trouve pas quand il veux faire le update.
27/04/2012, 21h13
SUHOKAWA

J'ai trouvé en fait c'est tout simplement parceque j'avais créer un layout dans le layout principal alors mon update":contentform" qui lui était dans mon layout principal appelait <h:form id"contentform"> qui lui était dans mon deuxième layout.
Je pense qu'il y a une solution pour faire une liaison entre les deux layout mais je n'ai pas le temps de me pencher dessus donc je fais autrement juste le rendu visuel ne sera pas comme je voulais mais ce n'est pas grave.

En tout cas merci beaucoup pour ton aide à charge de revanche si mes connaissances le permettes