不带按钮的 JSF 显示图标

Question

我想显示没有按钮的图标，但它不起作用。我收到以下消息:未找到 Mime-Type。
这两个图标是 Primefaces 的默认图标。
我使用 JSF 2.1 和 primefaces 3.5

<h:graphicImage rendered="#{!task.IS_SEEN}" name="ui-icon-mail-closed"/>
<h:graphicImage rendered="#{task.IS_SEEN}" name="ui-icon-mail-closed"/>

如果我使用按钮它会起作用，或者我可以设置按钮不能被按下

<p:commandButton rendered="#{!task.IS_SEEN}" icon="ui-icon-mail-closed" />
<p:commandButton rendered="#{task.IS_SEEN}" icon="ui-icon-mail-open" />

Answer 1

如果您只需要一个可点击的图像来触发支持 bean 中的操作，我建议将图形图像包装在 h:commandLink 中。 .

<h:commandLink rendered="#{!task.IS_SEEN}" value="" action="#{YourBean.myAction}">
    <h:graphicImage  value="your-image-here"/>
</h:commandLink>

如果您想要易于使用、漂亮的矢量图标，我建议您查看 Font Awesome http://fontawesome.io/icons/以及。

要使用 Font Awesome 只需在您的 <h:head> 中包含以下行:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"></link>

然后，您可以通过这种简单的方式轻松地将图标放在 commandLinks 中:

<h:commandLink rendered="#{!task.IS_SEEN}" value="" action="#{YourBean.myAction}">
    <i class="fa fa-envelope"></i>
</h:commandLink>