mensajes personalizados JSF 2.0

Question

Estoy usando JSF 2.0. Estoy usando el

<h:messages> 

etiqueta para representar los mensajes de error. Puedo usar css para dar estilo a mis mensajes un poco, pero he creado un componente compuesto para representar mensajes que se pueden cerrar y agregarles efectos con Jquery.

que he visto tutoriales sobre cómo personalizar los mensajes, pero la mayoría de ellos se basan en CSS y personalizar la salida de texto sin embargo, lo que quiero hacer es generar el formato específico, algo así como

<myComp:fancyMessage text="etcetcetc error msg" type="error" /> 

en lugar de el marcado de mensaje regular. ¿Esto es posible?

EDIT:

no quiero para darle estilo a mensajes de JSF. Ni agregar fondo ni cambiar su estilo, sino crear mi propio marcado html de mensaje. Aquí:

http://balusc.blogspot.com/2010/07/using-html-in-jsf-messages.html

que he encontrado cómo agregar html en sus mensajes. Lo que yo quiero es encapsular todo el HTML en mi pieza compuesta, y luego simplemente usar mi pieza compuesta de esta manera:

<mycomp:messages/> 

o

<mycomp:message for="componentID" /> 

donde el mensaje y los mensajes tanto para crear su propia marca HTML

Answer 1

Utilice FacesContext#getMessageList() dentro de ui:repeat. Cada artículo es un FacesMessage que tiene varios captadores.

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

Esto permite un marcado HTML más fino alrededor de los mensajes.

---

Y también le permite imprimir como HTML con ayuda de <h:outputText escape="false">. Puede ser que necesite para ampliar y revisar mi artículo de blog, tarde o temprano :)

Answer 2

En respuesta a cómo configurar el componente como mensaje de procesador:

Su componente necesita para extender HtmlBasicRenderer.

A continuación, puede añadir su procesador para faces-config.xml

<render-kit> 
    <renderer> 
     <component-family>javax.faces.Messages</component-family> 
     <renderer-type>javax.faces.Messages</renderer-type> 
     <renderer-class>com.mypackage.MessagesRenderer</renderer-class> 
    </renderer> 
</render-kit> 

Answer 3

Sé que ha pasado un tiempo, pero pensé que compartir esta solución alternativa para el beneficio de otros. Para compuestos, cree un componente de respaldo con un getter, luego repita los mensajes de caras y llame a remove() después de recopilar cada mensaje. Esto lo guiará en la advertencia de "mensajes en cola" sin el hack de h: messages.

XHTML:

<composite:interface displayName="Messages Component" 
    shortDescription="Messages Component" componentType="com.company.dept.commons.ui.messages.Messages"> 
    <composite:attribute name="styleClass" default="" type="java.lang.String" shortDescription="CSS style class for the component" /> 
</composite:interface> 

<composite:implementation> 
    <div id="messagesComponent" class="#{cc.attrs.styleClass}"> 
     <ui:repeat value="#{cc.messageList}" var="message"> 
      #{message.severity} - #{message.detail}<br/>    
     </ui:repeat> 
    </div> 
</composite:implementation> 

componente de soporte:

@FacesComponent("com.company.dept.commons.ui.messages.Messages") 
public class Messages extends UINamingContainer { 

    private List<FacesMessage> messages; 

    public List<FacesMessage> getMessageList() { 
     //preserve messages in case getter is called multiple times 
     if (messages == null) { 
      messages = new ArrayList<FacesMessage>(); 
     } 

     Iterator<FacesMessage> messageItr = getFacesContext().getMessages(); 
     while(messageItr.hasNext()) { 
      FacesMessage message = messageItr.next(); 
      messages.add(message); 
      messageItr.remove(); 
     } 
     return messages; 
    }  
} 

Nota del componentType en el XHTML se establece en el valor FacesComponent en el código. Además, la referencia a cc.messageList activará la llamada a getMessageList().

Espero que esto ayude.