JSF消息的不同CSS样式

2018-06-25 14:21:25

在JSF中，我在我的xhtml文件中包含了以下行：

<h:panelGroup id="messageHeader">
   <h:messages for="messageHeader" layout="list" errorClass="error"  infoClass="inform"/>
</h:panelGroup>

文本呈现为

<ul>
  <li class="error"> Please enter a First Name </li>
  <li class="error"> Please enter a Last Name </li>
</ul>

如何让CSS样式适用于<ul>标签或周围的<span>标签？

这是我想要做的。我希望所有错误消息都出现在单个红色框中。我还希望所有的信息消息都出现在一个绿色的框中。上面的例子产生2个红色框; 每个<li>项目一个。

使用<h:messages>的styleClass属性。它将应用于父HTML元素。

例如

<h:messages styleClass="messages" />

将最终成为

<ul class="messages">
    ...
</ul>

更新：您似乎想要在单独的列表中显示信息和错误消息。使用两个<h:messages/>来代替您隐藏其他严重性。

<h:messages styleClass="errorMessages" infoStyle="hide" />
<h:messages styleClass="infoMessages" errorStyle="hide" />

同

.hide {
    display: none;
}

这可以通过为每个需要用适当条件显示的消息类型提供h：messages标记来完成。对于错误消息的类型为exapmle：

<h:panelGroup id="errorMessageHeader" class="whatever you need" rendered="#{FacesContext.isValidationFailed()}">
   <h:messages for="errorMessageHeader" layout="list" errorClass="error" />
</h:panelGroup>

通过组合方法可以找到其他消息类型的条件

javax.faces.context.FacesContext

谢谢，AK

链接地址: http://www.djcxy.com/p/71653.html

上一篇: Different CSS style for JSF messages

下一篇: User input validation in managed bean problem(JSF 2.0 )