{"id":871,"date":"2022-08-25T15:36:05","date_gmt":"2022-10-20T03:05:07","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/uncategorized\/example-showcasing-the-usage-of-primefaces-message-messages-and-growl-components\/"},"modified":"2024-03-13T14:29:10","modified_gmt":"2024-03-13T14:29:10","slug":"primefaces-message-messages-and-growl-components","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/primefaces-message-messages-and-growl-components\/","title":{"rendered":"Primefaces’ Message, Messages, and Growl components"},"content":{"rendered":"

Messages are typically utilized to notify and inform users about the actions they have accomplished. They are commonly used to display information, errors, warnings, and more. Primefaces, similar to other JSF<\/a> implementations, offers various components specifically designed for this purpose. Messages, message, and growl are the only components used for this function. This guide aims to assist you in implementing these components into your application effectively.<\/p>\n

Basic information about Primefaces Message.<\/h3>\n

Message is a JSF message component that comes with pre-set styles and additional features.<\/p>\n

\n
\n\n\n\n\n\n\n\n\n\n
Tag<\/th>\nmessage<\/th>\n<\/tr>\n<\/thead>\n
Component Class<\/td>\norg.primefaces.component.message.Message<\/td>\n<\/tr>\n
Component Type<\/td>\norg.primefaces.component.Message<\/td>\n<\/tr>\n
Component Family<\/td>\norg.primefaces.component<\/td>\n<\/tr>\n
Renderer Type<\/td>\norg.primefaces.component.MessageRenderer<\/td>\n<\/tr>\n
Renderer Class<\/td>\norg.primefaces.component.message.MessageRenderer<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Attributes of Primefaces Messages<\/h3>\n
\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Name<\/th>\nDefault<\/th>\nType<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
id<\/td>\nnull<\/td>\nString<\/td>\nUnique identifier of the component.<\/td>\n<\/tr>\n
rendered<\/td>\ntrue<\/td>\nBoolean<\/td>\nBoolean value to specify the rendering of the component, when set to false component will not be rendered.<\/td>\n<\/tr>\n
binding<\/td>\nnull<\/td>\nObject<\/td>\nAn el expression that maps to a server side UIComponent instance in a backing bean.<\/td>\n<\/tr>\n
showSummary<\/td>\nfalse<\/td>\nBoolean<\/td>\nSpecifies if the summary of the FacesMessage should be displayed.<\/td>\n<\/tr>\n
showDetail<\/td>\ntrue<\/td>\nBoolean<\/td>\nSpecifies if the detail of the FacesMessage should be displayed.<\/td>\n<\/tr>\n
for<\/td>\nnull<\/td>\nString<\/td>\nId of the component whose messages to display.<\/td>\n<\/tr>\n
redisplay<\/td>\ntrue<\/td>\nBoolean<\/td>\nDefines if already rendered messages should be displayed<\/td>\n<\/tr>\n
display<\/td>\nboth<\/td>\nString<\/td>\nDefines the display mode.<\/td>\n<\/tr>\n
escape<\/td>\ntrue<\/td>\nBoolean<\/td>\nDefines whether html would be escaped or not.<\/td>\n<\/tr>\n
severity<\/td>\nnull<\/td>\nString<\/td>\nComma separated list of severities to display only.<\/td>\n<\/tr>\n
style<\/td>\nnull<\/td>\nString<\/td>\nInline style of the component.<\/td>\n<\/tr>\n
styleClass<\/td>\nnull<\/td>\nString<\/td>\nStyle class of the component.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Starting with Primefaces Message
\nBeginning the process of utilizing Primefaces Message
\nCommencing the use of Primefaces Message
\nInitiating the utilization of Primefaces Message<\/h3>\n

Typically, to include messages in your application, you must include FacesMessage instances to your own FacesContext instance for them to be shown during the RenderResponse phase. Some messages are added manually, while others are added by the JSF implementation. When handling validation and conversion, numerous messages are displayed that are not part of your code. The following example presents the validation process which generates an error message when a form is submitted without filling in the required input. The example can be found in the index.xhtml file.<\/p>\n

<html xmlns=\"https:\/\/www.w3.org\/1999\/xhtml\"\r\n\txmlns:ui=\"https:\/\/java.sun.com\/jsf\/facelets\"\r\n\txmlns:h=\"https:\/\/java.sun.com\/jsf\/html\"\r\n\txmlns:f=\"https:\/\/java.sun.com\/jsf\/core\"\r\n\txmlns:p=\"https:\/\/primefaces.org\/ui\">\r\n<h:head>\r\n\t<script name=\"jquery\/jquery.js\" library=\"primefaces\"><\/script>\r\n<\/h:head>\r\n<h:form id=\"form\">\r\n\t<p:outputPanel>\r\n\t\t<p:outputLabel value=\"Typing of your message is mandatory:\"><\/p:outputLabel>\r\n\t<\/p:outputPanel>\r\n\t<h:inputText id=\"input\" value=\"#{messageManagedBean.message}\" required=\"true\"\/>\r\n\t<p:message id=\"message\" for=\"input\"><\/p:message>\r\n\t<p:commandButton value=\"Execute JSF Lifecycle - Invoke Action\" action=\"#{messageManagedBean.doSomeAction}\" update=\"input message\"><\/p:commandButton>\r\n<\/h:form>\r\n<\/html>\r\n<\/code><\/pre>\n
Java file for managing messages.<\/p>\n
package com.scdev;\r\n\r\nimport javax.faces.bean.ManagedBean;\r\nimport javax.faces.bean.SessionScoped;\r\n\r\n@ManagedBean\r\n@SessionScoped\r\npublic class MessageManagedBean {\r\n\tprivate String message;\r\n\r\n\tpublic String getMessage() {\r\n\t\treturn message;\r\n\t}\r\n\r\n\tpublic void setMessage(String message) {\r\n\t\tthis.message = message;\r\n\t}\r\n\r\n\tpublic String doSomeAction(){\r\n\t\treturn \"\";\r\n\t}\r\n}\r\n<\/code><\/pre>\n
Here’s a comprehensive explanation for the code provided above:<\/p>\n