Enveloppe conditionnellement les éléments HTML

Question

Dans mon application Seam, j'ai un composant Seam qui renvoie une liste d'éléments (@Datamodel) que je veux transformer en un ensemble d'éléments HTML <li>. J'ai ceci fonctionnant sans problème.

Mais maintenant, je veux diviser la liste en fonction d'une expression EL. L'expression EL détermine donc si un nouvel élément <ul> doit être démarré. J'ai essayé les éléments suivants:

<s:fragment rendered="#{action.isNewList(index)}"> 
    <ul> 
</s:fragment> 
<!-- stuff that does the <li>'s goes here --> 
<s:fragment rendered="#{action.isNewList(index)}"> 
    </ul> 
</s:fragment> 

Mais c'est invalide, parce que l'imbrication des <ul> est erroné.

Comment est-ce que je devrais faire ceci?

Answer 1

vous pouvez le faire en utilisant la balise JSF <f:verbatim>, ce qui est pas jolie, mais fonctionne:

<f:verbatim rendered="#{action.isNewList(index)}"> 
    &lt;ul&gt; 
</f:verbatim> 
<!-- stuff that does the <li>'s goes here --> 
<f:verbatim rendered="#{action.isNewList(index)}"> 
    &lt;/ul&gt; 
</f:verbatim> 

Answer 2

Je ne suis pas familier avec le Seam Framework, mais si je comprends bien le problème, quelque chose comme ça pourrait fonctionner.

<!-- before your loop, open your first <ul> if the (@Datamodel) is not empty --> 

<s:fragment rendered="#{action.isNewList(index)}"> 
    </ul> 
    <ul> 
</s:fragment> 
<!-- stuff that does the <li>'s goes here --> 

<!-- after your loop, close your last </ul> if the (@Datamodel) is not empty --> 

Answer 3

Je ne suis pas familier avec Seam spécifiquement, mais j'ai vu ce même problème venir lorsque l'on travaille avec XSLT et d'autres cadres basés sur XML.

Il y a généralement deux solutions:

1. Repensez votre architecture de la page et les données de telle sorte que la liste entière écrite en fonction d'une seule condition. Cela peut nécessiter une boucle à l'intérieur du fragment s:. !
2. Enroulez le fragment offensant non valide html dans un < [CDATA [...]] >

Answer 4

Vous devriez avoir quelque chose comme ça (je vais utiliser le code pseudo):

<ul> 
    <s:for items="itemList" ...> 

     <s:fragment rendered="#{action.isNewList(index) && index > 0}"> 
     </ul> 
     <ul> 
     </s:fragment> 
     <li> 
     <!-- stuff that does the <li>'s goes here --> 
     </li> 

    </s:for> 
</ul>