PrimeFaces Befehls: Dynamisch aktivieren/deaktivieren Symbol

Question

PrimeFaces des Befehls ermöglicht ein Symbol angeben:

<p:commandButton value="Press me" icon="redBall" ... /> 

Allerdings muss ich aktivieren/deaktivieren Sie das Symbol in Abhängigkeit von einer JSF Bean-Eigenschaft verwaltet.

Ich versuchte

<p:commandButton value="Press me" icon="#{bean.iconClass}" ... /> 

Dies funktioniert für verschiedene Symbole der Wahl, aber erlaubt nicht das Symbol ganz zu deaktivieren (das heißt das gleiche Rendering erhalten wie ohne das icon= Attribut). Ich kann eine leere Zeichenfolge in getIconClass() zurückgeben, aber PrimeFaces wird immer noch die zusätzliche <span> für das Symbol innerhalb der Schaltfläche, und CSS-Styling bewirkt, dass dieser Bereich mit einem Standardsymbol sichtbar ist.

Gibt es eine Möglichkeit, PrimeFaces zu sagen "Ich möchte überhaupt kein Symbol" (außer das Attribut icon= insgesamt zu entfernen)?

Answer 1

Ich kann mir 2 Möglichkeiten vorstellen, ohne die Schaltfläche zu duplizieren.

1. Versorgung das Symbol als <f:attribute>, die bedingt durch <c:if> hinzugefügt wird.

   <p:commandButton ...> 
       <c:if test="#{not empty bean.icon}"><f:attribute name="icon" value="#{bean.icon}" /></c:if> 
   </p:commandButton> 
   

   ---

2. eine Artklasse Set, das das Symbol ganz versteckt und es bedingt liefern.

   .hideicon .ui-icon { display: none; } 
   .hideicon .ui-button-text { padding-left: 1em; } 
   

   mit

   <p:commandButton ... icon="#{bean.icon}" styleClass="#{empty bean.icon ? 'hideicon' : ''}" /> 
   

Answer 2

Eine lahme Abhilfe wäre, 2 Befehlsknöpfe zu haben. Eins mit Symboldefinition und eins ohne. Und dann rende den richtigen.