primefaces - 使用带有图像的 fileDownload

Question

我正在使用这段代码：

<p:commandLink id="downloadLink" value="Download" ajax="false">                          
<p:fileDownload value="#{supplierFileController.fileroute()}" />                      
</p:commandLink>

效果很好。唯一的事情是我显示了一个正常的链接。我想将它与图像一起使用。像这样的东西：

<h:commandLink action="#{supplierFileController.destroy}">
<h:graphicImage title="Delete"   value="/image/image.png"/>                                               
</h:commandLink> 

我尝试了一些组合，但我无法使其发挥作用。

提前致谢。问候，丹尼尔

Answer 1

你可以使用这样的东西

<p:commandLink id="downloadLink" value="Download" ajax="false" styleClass="ui-icon ui-icon-trash">      

这里是所有可用 jquery 图标的列表

jQueryUI Icons Cheatsheet N#1（点击Toggle text获取所有图标名称）

jQueryUI 图标备忘单 N#2

第二种选择是

<p:commandLink 
   styleClass="myDeleteBtnClass"
   id="downloadLink" value="Download" ajax="false"
</p:commandLink>

试试这门课

.myDeleteBtnClass{ background-image: url('../resources/image/someImage.png'); }

第三个选项是

<h:commandLink action="#{supplierFileController.destroy}">
    <h:graphicImage name="images/image.png" />
</h:commandLink>

请注意，images文件夹应该位于WebContent\resources （看看这个资源（库）在 JSF 2.0 中）