Использование 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> 

Я попробовал несколько комбинаций, но я гавань была в состоянии сделать его работу.

Заранее спасибо. С уважением, Daniel

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)