Discussion :

[anisj1m]

Bonjour,

je veux faire un h:panelGrid qui contient 2 colonne.
mon problème est que je veux mettre dans le premier colonne un h:panel qui sera mis a l'extrémité droite du premier colonne, et le second colonne vas contenir un h:panel qui sera a l'extrémité gauche.

est ce que cela est possible?

et merci

[romaintaz]

Tu dois jouer avec l'attribut columnClasses :

Code :

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

columnClasses="css1,css2"

Ainsi, la première colonne utilisera la classe CSS css1, la deuxième colonne la classe css2.

[anisj1m]

merci beaucoup romaintaz; tu es le

pour ce la est ce que je dois mettre les panels dans le panel grid dans des colonnes comme suite :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<h:panelGrid columns="2" columnClasses="css1,css2">
 
<h:column >
<rich:panel>
</rich:panel>
</h:column>
 
</h:column>
<rich:panel>
</rich:panel>
</h:column>
</h:panelGrid>

si oui, ce h:column n'a pas d'attribut pour que je met le style.

[romaintaz]

Non.

Le panelGrid fonctionne ainsi :
Tu spécifies le nombre de colonnes, NB.
Ensuite, tu ajoutes dans le panelGrid tous les composants que tu veux.
A l'affichage, tous les "NB" composants, il y a un saut de ligne.

Par exemple, si tu mets :

Code :

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

1
2
3
4
5
6
7
8
9
<h:panelGrid columns="3">
    a
    b
    c
    d
    e
    f
    g
</h:panelGrid>

L'affichage sera :

Code :

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

1
2
3
a b c
d e f
g _ _

C'est pratique, mais très basique (par exemple, il n'est pas possible d'utiliser les attributs HTML colspan ou rowspan, bien que l'on puisse toujours "bidouiller" pour les simuler)

Les <h:column/> sont utiles dans le cas où tu utilises un <h:dataTable/>

[anisj1m]

merci romaintaz;
je pense que tu ne m'a pas compris, oui je suis d'accord avec toi pour le fonctionnement d'un :panelgrid,
mais mon problème est comment générer l'affichage des composant dans les colonnes de h:panelgrid:

1) colonne 1 : afficher un composant a l'extrémité droite

2 ) colonne 2 : afficher un composant a l'extrémité gauche

[romaintaz]

Bah si j'ai bien compris. Enfin je crois
Tu veux que les composants de la première colonne soient sur la droite, tandis que les composants de la seconde colonne soient à gauche.

Un peu comme ça :

Code :

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

1
2
3
4
+--------+--------+
|       X|X       |
|       X|X       |
+--------+--------+

Donc pour faire ceci, il te faut, comme dit dans mon premier message, utiliser 2 classes CSS différentes désignant comment sont alignés les élements. Ensuite, il faut appliquer les deux classes CSS dans l'attribut columnClasses.

Mon second message n'était destiné qu'à ré-expliquer le fonctionnement d'un panelGrid, et dire qu'il n'y avait pas besoin d'utiliser le composant <h:column>, qui est destiné à la datatable.

Est-ce plus clair ?