Comment conditionnellement rendre un f:selectItem tag?

Comment puis-je spécifier une condition de rendu pour une <f:selectItem> tag.
J'ai besoin d'afficher <f:selectItem> options selon un utilisateur spécifique de l'état.

Par exemple, je voulais quelque chose comme:

<f:selectItem itemLabel="Yes! I need a girlfriend!"
             rendered="false(or some boolean condition)"
             itemValue="o1"/>

InformationsquelleAutor Rajat Gupta | 2011-08-03

jsf rendered-attribute

64

La <f:selectItem> ne pas l'appui de la rendered attribut. Le plus proche de votre pari est le itemDisabled attribut qui affiche toujours l'élément, mais il ne peut pas être sélectionnée. C'est également en charge <f:selectItems>.

En cas de <p:selectOneMenu> ensuite, vous pouvez simplement ajouter un peu de CSS pour masquer les éléments désactivés.
```
<p:selectOneMenu ... panelStyleClass="hideDisabled">
    <f:selectItem itemValue="1" itemLabel="one" />
    <f:selectItem itemValue="2" itemLabel="two" itemDisabled="#{some.condition}" />
    <f:selectItem itemValue="3" itemLabel="three" />
</p:selectOneMenu>
```
```
.ui-selectonemenu-panel.hideDisabled .ui-selectonemenu-item.ui-state-disabled {
    display: none;
}
```
En cas de <h:selectOneMenu> vous êtes de plus en plus dépendante de savoir si le navigateur prend en charge la clandestinité les personnes handicapées options via CSS:
```
<h:selectOneMenu ... styleClass="hideDisabled">
    <f:selectItem itemValue="1" itemLabel="one" />
    <f:selectItem itemValue="2" itemLabel="two" itemDisabled="#{some.condition}" />
    <f:selectItem itemValue="3" itemLabel="three" />
</h:selectOneMenu>
```
```
select.hideDisabled option[disabled] {
    display: none;
}
```
Le côté serveur alternative est d'apporter un JSTL <c:if> autour de l'individu <f:selectItem> à contitionally l'ajouter à la vue de cette façon (assurez-vous que vous êtes conscient de la façon dont JSTL travaille dans le JSF: JSTL dans JSF2 Facelets... logique?):
```
<f:selectItem itemValue="1" itemLabel="one" />
<c:if test="#{not some.condition}">
    <f:selectItem itemValue="2" itemLabel="two"  />
</c:if>
<f:selectItem itemValue="3" itemLabel="three" />
```
Ou, vous pouvez simplement remplir dynamiquement un List<SelectItem> dans le backing bean, basé sur le calcul des conditions et le lier avec <f:selectItems>.
- Oui rendered attribut n'est pas pris en charge par f:selectitem donc j'ai soulevé cette question. Btw c:if résolu le problème de bien. Merci
- Vous êtes les bienvenus. Il a cependant un inconvénient: il n'est pas d'aller travailler quand il repose sur la répétition de l'variable de JSF répétition des composants comme ui:repeat, h:dataTable, etc.
- ohh.. ok bien noté!
- Une autre solution possible serait l'utilisation de ` <ui:fragment de rendu="#{condition}"> ... que ce soit d'autre ... </ui:fragment> ` Ce qui a l'avantage d'être un vrai JSF composant. Gardez à l'esprit qu'il y a un bug avec que sur JSF 2.0, comme indiqué dans le ce post.
- Je peux confirmer que l'interface utilisateur:fragment rendu attribut de travail en général, mais pas avec un selectItem. (myfaces 2.1.10)
- Aussi loin que je peux dire à la fois la panelStyleClass et styleClass attributs sont totalement ignorés sur p:selectOneMenu dans PrimeFaces 6.1 de la communauté de l'édition, de sorte que le CSS ciblage indiqué ne fonctionne pas (ou plus, je suppose qu'il a travaillé à un certain stade précédemment).
- la solution intelligente de type brillant !
- voir mon répondre ci-dessous. Vous devez passer par la classe.
InformationsquelleAutor BalusC
6

La solution que j'utilise est le réglage de la itemDisabled de l'attribut et de l'utilisation de ce CSS:
```
select option[disabled] { display: none; }
```
Mais il doit être fixé correctement dans le programme JSF.
- Pourriez-vous indiquer plus précisément comment cela doit être spécifié dans une .fichier css? J'ai essayé .ui-selectonemenu-list-item a:disabled mais cela ne fonctionne pas.
InformationsquelleAutor Roger Keays
3

Vous pouvez l'envelopper dans ui:fragment code:
```
<ui:fragment rendered="false(or some boolean condition)">
  <f:selectItem itemLabel="Yes! I need a girlfriend!" itemValue="o1"/>
</ui:fragment>
```
Alors l'élément sera affiché uniquement lorsque la condition booléenne est vraie.
- Aussi loin que je peux dire que cela ne fonctionne pas avec f:selectItem, il rend encore (apparaît comme une option sélectionnable), au moins dans une p:selectOneMenu. Je ne pratique pas de commentaires-moins-vote sur stackoverflow, mais je pense que vous devriez double-vérifier cette affirmation.
InformationsquelleAutor Gondy
3

<c:if> pour moi, c'est aussi ne fonctionne pas si cela dépend de la répétition variable d'un " composant (sur la première phase de construction, il fonctionne, mais à l'aide d'ajax et de la mise à jour de la collection de la for-each il échoue, montrant quelques éléments de deux fois et d'autres pas)

c'est vraiment un gros problème dans le programme JSF. La désactivation n'est pas toujours une option, et de cette façon, beaucoup plus de code est nécessaire à la fève à l'adresse de ces "facile" des choses.

InformationsquelleAutor djmj

Construction de BalusC de réponse, il est possible de le faire sans un backing bean liste dans les versions plus récentes de JSF (je suis en utilisant JSF 2.2):

        <h:selectOneMenu id="Value" value="#{cc.attrs.value}">
            <f:selectItem itemLabel="#{cc.attrs.placeholder}" noSelectionOption="true">
                <f:passThroughAttribute
                    rendered="#{not empty cc.attrs.placeholder}"
                    name="hidden" value=""/>
            </f:selectItem>
            <f:selectItems value="#{empty cc.attrs.allLabel ? [] : [1]}"
                var="item"
                itemLabel="#{cc.attrs.allLabel}"
                itemValue="#{cc.attrs.allValue}"/>
            <f:selectItems value="#{cc.attrs.codeList}" var="code" itemLabel="#{code.codeDesc}" itemValue="#{code.userCode}"/>
        </h:selectOneMenu>

Je l'ai enveloppé dans un composant composite avec certains besoins spécifiques. La partie relative à cette question est à l'aide de f:selectItems avec une valeur de [] ou [1]. Lorsque votre situation rend l'utilisation [] puis il va être omise, et quand il utilise [1] il met tout dans un seul élément avec les valeurs que vous voulez.

InformationsquelleAutor Jon B

0

Pour moi le plus "propre" est en 2019, en utilisant JSF 2.3 et afin d'éviter de mélanger des jsf/html avec jstl à
1. ensemble itemDisabled="true" et
2. une classe personnalisée à l'aide de jsf/passthrough pt:class="hidden".
```
<f:selectItem itemValue="itsValue" itemLabel="example"
    itemDisabled="#{exampleBean.hideItem}" 
    pt:class="#{exampleBean.hideItem ? 'hidden' : ''}" />
```
De cause vous avez besoin, puis le style CSS
```
.hidden {
    display: none !important;
}
```
Ceci a l'avantage qu'il peut y avoir toujours désactivé les éléments de votre liste.

InformationsquelleAutor wittich

-2

J'ai résolu mon problème en faisant ce

<p:selectOneRadio id="myId" value="#{myView.myProperty}">
   <h:panelGroup rendered="#{myView.showMyOption}">
      <f:selectItem itemLabel="My Option" itemValue="0"/>
   </h:panelGroup>
   <f:selectItem itemLabel="My Option 1" itemValue="1"/>
   <f:selectItem itemLabel="My Option 2" itemValue="2"/>
</p:selectOneRadio>

Ce qui "fonctionne" pour rendered="false", mais pas pour rendered="true".

InformationsquelleAutor Everton Silva

Vous devez vous connecter pour publier un commentaire.