PrimeFaces CommandButton: activar de forma dinámica/desactivar el icono CommandButton

Question

de PrimeFaces permite especificar un icono:

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

Sin embargo, necesito para activar/desactivar el icono dependiendo de una propiedad de bean JSF logró.

me trataron

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

Esto funciona para la elección de diferentes iconos, pero no permite desactivar el icono por completo (es decir, obtener la misma prestación como sin el atributo icon=). Puedo devolver una cadena vacía en getIconClass(), pero PrimeFaces todavía representará el <span> adicional para el icono dentro del botón, y el estilo CSS hace que este lapso sea visible con un icono predeterminado.

¿Hay una manera de contar PrimeFaces "Quiero ningún icono en absoluto" (aparte de sacar la icon= atribuir por completo)?

Answer 1

Puedo pensar en 2 formas sin duplicar el botón.

1. Supply el icono como <f:attribute> que se añade condicionalmente por <c:if>.

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

   ---

2. Establecer una clase de estilo que oculta el icono de conjunto y los dan de forma condicional.

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

   con

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

Answer 2

Una solución provisional sería tener 2 botones de comando. Uno con definición de icono y otro sin. Y luego renderiza el correcto.