Alignement et dataList

Bonjour à tous,

je suis en train de me prendre la tête avec un truc tout bête ><

J'ai ce code :

Code:

---

1 2 3 4 5 6 7 8 9 10

<h:panelGrid columns="3" > <p:dataList value="#{pageAdministrationMultipleBean.environnements}" var="environnement" itemType="circle"> <p:row> <p:column>#{environnement.nomEnv}</p:column> <p:column><p:commandButton value="Modifier"/></p:column> <p:column><p:commandButton value="Supprimer"/></p:column> </p:row> </p:dataList> </h:panelGrid>

---

Qui ne fonctionne pas comme je le voudrais. Je voudrais que tous mes boutons soient bien alignés et j'ai sa :

Pièce jointe 142353

Si j’enlève le panelGrid, le row et mes column j'ai plus ou moins la même chose. En fait mon cadre s'étend sur toute ma page ce que je ne trouve pas très esthétique. Si quelqu'un à une idée merci beaucoup.

Bonjour,

Essaie de mettre style="width: ?px;" (où "?" serait une valeur convenable pour bien afficher toutes les chaînes de caracteres) pour la première colonne.

Bon alors j'ai tenté pleins de trucs différents et j'y arrive toujours pas...

Avec ce code :

Code:

---

1 2 3 4 5 6 7 8

<p:dataList value="#{pageAdministrationMultipleBean.environnements}" var="environnement" itemType="circle"> <h:panelGrid columns="3"> #{environnement.nomEnv} <p:commandButton value="Modifier"/> <p:commandButton value="Supprimer"/> </h:panelGrid> </p:dataList>

---

J'obtient sa :
http://img15.hostingpics.net/pics/362223Capture.png
En y ajoutant un style="..." dans le h:panelGrid sa n'arrange rien.

Avec ce code :

Code:

---

1 2 3 4 5 6 7 8 9 10

<h:panelGrid columns="3" style="width:100px"> <p:dataList value="#{pageAdministrationMultipleBean.environnements}" var="environnement" itemType="circle"> <p:row> <p:column>#{environnement.nomEnv}</p:column> <p:column><p:commandButton value="Modifier"/></p:column> <p:column><p:commandButton value="Supprimer"/></p:column> </p:row> </p:dataList> </h:panelGrid>

---

j'ai sa :
http://img15.hostingpics.net/pics/345134Capture.png

J'ai aussi tenté de mettre le style directement dans le p:column mais je reviens à l'image de mon premier post...

Comment bien placer mon panel ? J'ai l'impression que les colonnes ne sont jamais reconnu comme je le voudrais...

Je me demande pourquoi tu utilise un panelGrid qui aligne des composant sans itérer, pour aller dedans itérer, pour ensuite tenter de créer des row/column à la main alors que le composant datatable crée déjà une grille itérative.

Code:

---

1 2 3 4 5

<h:dataTable value="#{pageAdministrationMultipleBean.environnements}" var="environnement"> <h:column>#{environnement.nomEnv}</h:column> <h:column><p:commandButton value="Modifier"/></h:column> <h:column><p:commandButton value="Supprimer"/></h:column> </h:dataTable>

---

Pour information, en lisant le JSF, dans un de tes examples, tu crée un grille par ligne, donc forcément elles ne sont pas alignées, et dans l'autre, tu crée une grille, mais dans laquelle tu ne met que 1 seul composant: datalist, donc ça reviens au même que ne pas faire de grille :)

Je comprend ce que tu veux dire. Mais quand sa ne fonctionne pas on en viens à tester un peu n'importe quoi ^^'

J'ai testé ton code :

Code:

---

1 2 3 4 5 6

<p:dataList id="dataEnv" value="#{pageAdministrationMultipleBean.environnements}" var="environnement" itemType="circle"> <h:column>#{environnement.nomEnv}</h:column> <h:column><p:commandButton icon="ui-icon-pencil"/></h:column> <h:column><p:commandButton icon="ui-icon-close"/></h:column> </p:dataList>

---

Mais sa ne fonctionne toujours pas :

http://img15.hostingpics.net/pics/165919Capture.png

De plus je ne comprend pas pourquoi de temps en temps ma bordure fait toute ma page...

Bonjour,

DataTable n'est pas la même chose que dataList.

Citation:

---

Envoyé par Lolosan

Mais sa ne fonctionne toujours pas :

---

Normal, si tu ne fais pas ce qui ta été dis ! :aie:

tchize_ a dis d'utiliser une dataTable au lieu d'un dataList

Edit : zut grillé par Mishulyna :D

Oula a oui effectivement j'avais pas fait attention.

Bon sa change un peu le design mais je vais voir ce que je peux faire pour arranger sa.

Merci beaucoup !

Citation:

---

Envoyé par Alkhan

Edit : zut grillé par Mishulyna :D

---

Désolée, je ne l'ai pas fait exprès...:oops:

Citation:

---

Envoyé par Lolosan

J'ai testé ton code :

---

:pan: (Les autres ont déjà dit pourquoi)