PrimeFaces命令按钮：动态启用/禁用图标

Question

PrimeFaces的CommandButton允许指定图标：

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

但是，我需要根据JSF托管bean属性启用/禁用图标。

我试过了

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

这适用于选择不同的图标，但不允许完全禁用图标（即，在没有icon=属性的情况下获得相同的渲染效果）。我可以在getIconClass（）中返回一个空字符串，但PrimeFaces仍将渲染额外的

有没有办法告诉PrimeFaces“我根本不想要图标”（除了完全去掉图标=属性）？




Answer 1

一个蹩脚的解决办法是有两个CommandButton。一个有图标定义，一个没有。然后渲染正确的一个。

Answer 2

我可以想出两种方法而不用重复按钮。

>

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

设置一个完全隐藏图标的样式类，并有条件地提供它。

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

与

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