PrimeFaces CommandButton: Dynamicznie włączyć/wyłączyć ikonę CommandButton

Question

PrimeFaces pozwala określić ikonę:

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

Jednak muszę włączyć/wyłączyć ikonę w zależności od JSF udało właściwość fasoli.

Próbowałem

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

Działa wyboru różne ikony, ale nie pozwala wyłączyć ikonę całkowicie (tzn uzyskać taki sam jak rendering bez atrybutu icon=). Mogę zwrócić pusty ciąg znaków w getIconClass(), ale PrimeFaces nadal będzie renderować dodatkową <span> dla ikony wewnątrz przycisku, a styl CSS powoduje, że ten zakres jest widoczny przy domyślnej ikonie.

Czy istnieje sposób, aby powiedzieć PrimeFaces "Nie chcę żadnej ikony" (inne niż całkowite usunięcie atrybutu icon=)?

Answer 1

Potrafię wymyślić 2 sposoby bez duplikowania przycisku.

1. Supply ikona jak <f:attribute> który jest warunkowo dodane przez <c:if>.

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

   ---

2. Ustaw klasę w stylu, który ukrywa ikonę całkowicie i dostarczyć go warunkowo.

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

   z

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

Answer 2

Kulawym rozwiązaniem byłoby posiadanie 2 przycisków poleceń. Jedna z definicją ikony i jedna bez. A następnie wyrenderuj poprawny.