Primefaces命令按钮添加图像不起作用

Question

我添加用户定义的图像命令按钮按钮不起作用。我尝试下面的代码：

 <p:commandButton id="addMoreButton" value=""
  action="#{ContactDetails.addMoreButtonAction}" image="#{General.image}"/>

替换图像使用图标属性icon =“addMoreImageButton”，但它也无法正常工作。 的CSS：

.addMoreImageButton
            {
                 background-image: url("#{GeneralPageAttributes.addMoreImageButton}");            
            }

我只需要按钮中的图像而不是文本然后选择它的属性。

Answer 1

有以下方法，您可以创建图像按钮：（经过测试的代码）

[使用commandButton]

<p:commandButton id="addMoreButton" value="" action="#" 
    image="http://c.dryicons.com/images/icon_sets/christmas_surprise_four_in_one/png/128x128/frost_button.png" />

如果指定了commandButton的'image'属性，则按钮的类型为image，上面没有任何文本，即使'value'属性指定了一些String。

[使用commandLink]

<p:commandLink id="addMoreButton1" value="" action="#">
    <p:graphicImage url="http://c.dryicons.com/images/icon_sets/christmas_surprise_four_in_one/png/128x128/frost_button.png" />
</p:commandLink>

使用bean操作代替＃。 同时指定styleClass或style属性以进一步美化您的控件。