Question

我正在考虑以更好的方式使用<h:messages>，如下所示：

<h:panelGroup rendered="#{not empty facesContext.getMessages}">
  <hr/>
  <h3>Please inform us about:</h3>
  <h:messages globalOnly="true"  escape="false" />
</h:panelGroup>

这个想法是以不同的方式向用户显示消息，具有更多样式。这可能吗？

Answer 1

它们由FacesContext#getMessageList()在JSF API中提供，因此在EL中由#{facesContext.messageList}提供。

如果您想检查是否有任何消息：

<h:panelGroup ... rendered="#{not empty facesContext.messageList}">

或者，如果您想检查是否有任何全局消息：

<h:panelGroup ... rendered="#{not empty facesContext.getMessageList(null)}">

Answer 2

您可以尝试jNotify。这是我的应用程序中的一些代码。它需要重新加载页面才能显示消息。每条消息都应单独出现。它使用jNotify 2.1插件和jQuery 1.5.1。我希望这有帮助

link to jNotify example usage

<h:messages styleClass="zewError" 
                showDetail="false" 
                globalOnly="false" 
                infoClass="infoMes" 
                errorClass="errorMes" />

的javascript

$(document).ready(
function()
{
    $('.infoMes').each(

    function(){

  jSuccess(''+$(this).html()), //add <h3>Please inform us about:</h3> here
    {
      autoHide : false, // added in v2.0
      clickOverlay : true, // added in v2.0
      MinWidth : 250,
      TimeShown : 3000,
      ShowTimeEffect : 200,
      HideTimeEffect : 200,
      LongTrip :20,
      HorizontalPosition : 'left',
      VerticalPosition : 'bottom',
      ShowOverlay : true,
      ColorOverlay : '#000',
      OpacityOverlay : 0.3,
      onClosed : function(){ // added in v2.0

      },
      onCompleted : function(){ // added in v2.0

      }
    }
  });

      $('.errorMes').each(

    function(){

  jError(''+$(this).html()),
    {
      autoHide : false, // added in v2.0
      clickOverlay : true, // added in v2.0
      MinWidth : 250,
      TimeShown : 3000,
      ShowTimeEffect : 200,
      HideTimeEffect : 200,
      LongTrip :20,
      HorizontalPosition : 'left',
      VerticalPosition : 'bottom',
      ShowOverlay : true,
      ColorOverlay : '#000',
      OpacityOverlay : 0.3,
      onClosed : function(){ // added in v2.0

      },
      onCompleted : function(){ // added in v2.0

      }
    }
  });

      $('.zewError').remove();
}
);

用户如何<h：messages>只有非空消息？</h：messages>

2 个答案: