JSF: restitue sous conditions un élément de liste (& lt; li & gt;)

J'ai juste hérité d'un projet mis en œuvre dans le programme JSF. J'ai le code suivant qui a l'air bien dans Chrome, mais Firefox rend les frontières sur le "vide" les éléments de la liste:

<ul>
    <li><a href="/home">Home</li>
    <li>
        <s:link view="/signup.xhtml" rendered="#{someCondition}">Sign Up</s:link>
    </li>
    <!-- etc... -->
</ul>

Qui finit par ressembler à:

JSF: restitue sous conditions un élément de liste (& lt; li & gt;)

Est-il JSF balise conditionnelle, le rendu de la <li> ?

source d'informationauteur George Armhold

  1. 16

    Pas li est de vanille html, pas un composant jsf.

    Vous pouvez hack en plaçant un <h:panelGroup /> autour de la li élément et le réglage de la rendered de propriété sur elle.

    ie. 

     <h:panelGroup rendered="#{someCondition}">
   <li>
      <s:link view="/signup.xhtml">Sign Up</s:link>
   </li>
 </h:panelGroup>

    Une autre option est d'utiliser <f:verbatim rendered="#{someCondition}" >mais gardez à l'esprit qu'il a été déprécié en JSF 2.0.

  2. 25

    Si vous le faites comme @CoolBeans exemple, vous obtiendrez un <span> autour de votre <li>. Dans certains cas, il peut perturber votre mise en page, d'ailleurs vous ne voulez pas vraiment une balise supplémentaire en vertu de <ul>. Pour se débarrasser de lui, l'utilisation <ui:fragment rendered="#{condition}" /> autour de votre élément au lieu de <h:panelGroup>.

    Aussi, vous pouvez utiliser l'attribut style pour cacher un élément:

    <li style="display: #{condition ? 'list-item' : 'none'};" />
  3. 6

    Vous pouvez également utiliser le noyau de la bibliothèque JSTL:

    <c:if test="#{someCondition}">
    <li>
        <s:link view="/signup.xhtml">Sign Up</s:link>
    </li>
</c:if>

    Je pense que l'utilisation de cette étiquette rend le code plus facile à comprendre que l'aide de la panelGroup tag.