JSF使用图像按钮导航到外部URL

Question

简单问题（使用JSF 2.0和primefaces 2.2.1）：

我需要创建一个按钮或链接，将我带到外部网址（即www.facebook.com），我需要该按钮看起来像facebook图标而不是文字。我怎样才能做到这一点？谢谢。

Answer 1

你基本上希望在JSF生成的HTML代码中得到以下内容：

<a><img /></a>

有几种方法可以在JSF中实现这一点。

1. 就这样做：

   <a href="http://www.facebook.com">
     <img src="#{request.contextPath}/resources/images/facebook.png" />
   </a>
   

2. 使用<h:graphicImage>：

   <a href="http://www.facebook.com">
     <h:graphicImage name="images/facebook.png" />
   </a>
   

3. 最后，使用<h:outputLink>：

   <h:outputLink value="http://www.facebook.com">
     <h:graphicImage name="images/facebook.png" />
   </h:outputLink>
   

选择何种方式取决于您是否真的需要它作为JSF组件。例如。为了能够在支持bean中抓取/管理它，和/或通过ajax等重新渲染它。