Rendu du composant enfant lorsque la propriété de rendu du composant parent est false?

Question

Je veux créer une grille comme ceci:

Element1 Element2 Element3

Element4 Element5 Element6

je le code suivant:

<ui:repeat value=#{beans.myElementList} var="element" varStatus="i"> 
    <b:row rendered=#{i.index%3==0}> 
     <b:column medium-screen="4"> 
     #{element.display} 
     </b:column> 
    </b:row> 
</ui:repeat> 

Le résultat de mon code:

Element1

Element4

Comment résoudre ce problème?

Answer 1

Essayez le code ci-dessous.
Le premier ui: repeat rend <row> pour chaque 3 éléments,
le second rend les éléments (au sein de <column>) dans des groupes de 3 éléments chacun.

<ui:repeat value="#{beans.myElementList}" step="3" varStatus="i" > 

    <b:row> 
     <ui:repeat value="#{beans.myElementList}" var="element" 
        step="1" offset="#{i.index}" 
        size="#{i.index + 3 le beans.myElementList.size() ? i.index + 3 : beans.myElementList.size() }" 
        varStatus="j" > 
      <b:column medium-screen="4"> 
       #{element.display} 
      </b:column>   
     </ui:repeat> 
    </b:row> 

</ui:repeat> 

Answer 2

<b:panelGrid> à la rescousse:

<ui:repeat value=#{beans.myElementList} var="element"> 
    <b:panelGrid columns="3" size="md"> 
    #{element.display} 
    </b:panelGrid> 
</ui:repeat> 

<b:panelGrid> est inspiré par le <h:panelGrid> standard, ce qui rend un tableau HTML. De même, <b:panelGrid> rend une table constituée de lignes et de colonnes Bootstrap. Il suffit de mettre tout ce que vous voulez afficher dans la grille du panneau. BootsFaces détecte automatiquement quand rendre une nouvelle ligne.

Le cas d'utilisation que je pensais à l'origine est une forme. Plus souvent qu'autrement, une telle forme est une répétition de lignes identiques: étiquette, champ de saisie, message d'erreur. <b:panelGrid> vous permet de créer des formes tabulaires comme celle-ci avec un minimum d'effort.

Voir également documentation of <b:panelGrid>.

Ajout jusqu'à la sortie de BootsFaces 1.2.0: En regardant la documentation, je n'étais pas content de ce que j'ai vu. Donc j'ai corrigé et mis à jour. Jusqu'à la sortie de BootsFaces 1.2.0, voir aussi documentation of the developer showcase.