如何编写和配置自定义 Facelet 来覆盖 h:messages？

Question

我正在将最初用 Weblogic Beehive 编写的站点重写为 JSF 2.0，并且遇到了一个问题，我需要将新站点生成的消息转换为完全 匹配现有站点的输出。

我尝试使用很好的标签，但是现有消息框架的样式和逻辑不太适合此输出。

JSF 中是否有选项允许我创建一个自定义标记，该标记不仅会输出消息，而且还会对它们执行条件逻辑？

例如，我一直在创建带有摘要和详细信息字符串的 FacesMessages，但旧站点的格式仅显示最高摘要。例如，我添加 4 条消息，每条消息都有相同的摘要消息和不同的详细信息。我只想显示严重性最高的摘要。

另外，我需要将消息显示为框并设置样式，而不是每条消息和一些详细信息都需要有条件 CSS 类。

Answer 1

如果您使用的是 JSF 2.x，则可以迭代 FacesContext#getMessageList() 在循环中。每个项目都是一个 FacesMessage< /a> 又具有多个吸气剂。

<ui:repeat value="#{facesContext.messageList}" var="facesMessage">
    Severity: #{facesMessage.severity}<br />
    Summary: #{facesMessage.summary}<br />
    Detail: #{facesMessage.detail}<br />
    <br />
</ui:repeat>

这允许在消息周围进行更细粒度的 HTML 标记。

如果您仍在使用 JSF 1.x，在 FacesContext 中缺少此方法，那么您需要收集 FacesContext#getMessages() 在首先在一些实用程序 bean 甚至 EL 函数的帮助下 List：

List<FacesMessage> messageList = new ArrayList<FacesMessage>();
Iterator<FacesMessage> messages = FacesContext.getCurrentInstance().getMessages();

while (messages.hasNext()) {
    messageList.add(messages.next());
}

然后您可以使用 在视图中迭代此 messageList ;同样的方式。

Answer 2

我最终在我的 JSF 页面 (xhtml) 中得到了这个：

            <c:set var="messageList" value="#{facesContext.messageList}" />
            <c:set var="maxSev" value="#{facesContext.maximumSeverity.ordinal}" />
            <ui:repeat value="${messageList}" var="fm" >
                <c:choose>
                     <c:when test="${fm.severity.ordinal eq 0}">
                         <c:set var="summaryStyleClass" value="outcome"/>
                         <c:set var="detailStyleClass" value="outcome_details"/>
                     </c:when>
                     <c:when test="${fm.severity.ordinal eq 1}">
                         <c:set var="summaryStyleClass" value="warning_title"/>
                         <c:set var="detailStyleClass" value="warning"/>
                     </c:when>
                     <c:when test="${fm.severity.ordinal eq 2}">
                         <c:set var="summaryStyleClass" value="error_title"/>
                         <c:set var="detailStyleClass" value="error"/>
                     </c:when>
                     <c:when test="${fm.severity.ordinal eq 3}">
                         <c:set var="summaryStyleClass" value="fatal"/>
                         <c:set var="detailStyleClass" value="fatal_details"/>
                     </c:when>
                </c:choose>
            </ui:repeat>
            <div class="${detailStyleClass}" >
                 <div class="${summaryStyleClass}">
                        <ui:repeat value="${messageList}" var="fm" >
                             <c:choose>
                                 <c:when test="${fm.severity.ordinal eq maxSev}">
                                     ${fm.summary}
                                 </c:when>
                             </c:choose>
                        </ui:repeat>
                 </div>
                  <ul>
                     <ui:repeat value="${messageList}" var="msg">
                         <li><h:outputText value="${msg.detail}"/></li>
                     </ui:repeat>
                </ul>
            </div>

我确信我在这里打破了一个模式，但是该部分似乎无法在可以解析summaryStyleClass和detailStyleClass变量的地方工作。我正在迭代它们，因为我需要根据页面的最高严重性消息来设置消息样式。这是我在浏览器页面中获得的渲染输出：

            <div>
                 <div>Warning:</div>
                 <ul>
                      <li>Warning message.</li>
                </ul>
            </div>

注意没有样式...