6

我正在使用 Twitter 引导程序。

警报 HTML 代码是：

<div class="alert alert-block">
  <a class="close" data-dismiss="alert" href="#">×</a>
  <h4 class="alert-heading">Warning!</h4>
  Best check yo self, you're not...
</div>

我<h:messages />用来显示我的表单错误、信息和警告消息，如下所示：

<h:messages errorClass="alert alert-error" infoClass="alert alert-info" warnClass="alert alert-warning"/>

颜色和圆角都可以，但我需要添加关闭链接：

<a class="close" data-dismiss="alert" href="#">×</a>

我该怎么做<h:messages/>？

编辑

如果需要更好的理解，这里是警报样式的 twitter 引导链接：http: //twitter.github.com/bootstrap/components.html#alerts

4

3 回答 3

7

我猜你添加消息的常用方式......

FacesContext context = 
FacesContext.getCurrentInstance(); 
context.addMessage(null, new FacesMessage(your message goes here...

消息应该从服务器端添加......例如String myMessage = "here is the text / HTML code..."

看看 BalusC 的这篇文章

在 JSF 消息中使用 HTML

于 2012-05-03T12:45:42.603 回答
3

只需使用omnifaces o:messages。问题将得到解决。

例如<o:messages escape="false"/>

于 2014-01-15T06:50:04.600 回答
0

另一种解决方案是

<div class="alert alert-danger alert-dismissible fade in" role="alert" jsf:rendered="#{not empty facesContext.getMessageList('InputPassword')}">
     <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
  <strong>Error </strong>  <h:message for="InputPassword" /> 
                                    </div>

它适用于 JSF 2.2，但您可以适应以前版本的 JSF..

于 2014-12-10T21:38:10.430 回答