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

Question

简单的问题(使用JSF 2.0和primefaces 2.2.1):

我需要创建一个按钮或链接,将我带到外部URL(即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等重新渲染它.