PrimeFaces growl用法详解

本文概述

  • growl属性
  • 例子
它是一个通知小部件, 用于显示FacesMessages。它类似于JSF的标准h:messages组件。我们可以将growl放置在应用程序网页中的任何位置。在JSF应用程序中growl的位置无关紧要。
默认情况下, 它会在隐藏后显示6000毫秒。我们可以通过设置为true来坚持下去。它具有下面列出的各种其他属性。
growl属性
Attribute Default value Type Description
sticky false Boolean 它用于指定消息应保留而不是自动隐藏。
showSummary true Boolean 它用于显示消息的摘要。
showDetail false Boolean 用于显示消息的详细信息。
globalOnly false Boolean 用于全局设置。
life 6000 Integer 用于设置消息的显示时间。
autoUpdate false Boolean 用于设置自动更新模式。
redisplay true Boolean 用于重新显示消息。
for null String 用于设置关联密钥的名称。
escape true Boolean 它定义了html是否将被转义。
severity null String 它是用逗号分隔的严重性列表, 仅可显示。
例子 在下面的示例中, 我们正在实现< p:growl> 组件。本示例包含以下文件。
JSF文件
// growl.xhtml
< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:p="http://primefaces.org/ui"> < h:head> < title> Growl Messages< /title> < /h:head> < h:body> < h:form> < p:growl id="growl" showDetail="true" sticky="true" /> < p:panel header="User Login"> < h:panelGrid columns="2" cellpadding="5"> < p:outputLabel for="username" value="http://www.srcmini.com/User Name:" /> < p:inputText id="username" value="http://www.srcmini.com/#{growl.username}" required="true" /> < /h:panelGrid> < h:panelGrid columns="2" cellpadding="5"> < p:outputLabel for="password" value="http://www.srcmini.com/Password:" /> < p:password id="password" value="http://www.srcmini.com/#{growl.password}" required="true" /> < /h:panelGrid> < p:commandButton value="http://www.srcmini.com/login" actionListener="#{growl.displayMessage}" update="growl" /> < /p:panel> < /h:form> < /h:body> < /html>

ManagedBean
// Growl.java
package com.srcmini; import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.context.FacesContext; @ManagedBean public class Growl { private String username; private String password; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public void displayMessage() { FacesContext context = FacesContext.getCurrentInstance(); context.addMessage(null, new FacesMessage("Login Successfuly", "Welcome: " + username)); } }

【PrimeFaces growl用法详解】输出
PrimeFaces growl用法详解

文章图片
PrimeFaces growl用法详解

文章图片

    推荐阅读