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 Icons Cheatsheet 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下方（请查看此Resources (Library) In JSF 2.0）

将fileDownload与图像一起使用

1 个答案: