本文概述
它是一个通知小部件, 用于显示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="User Name: " />
<p:inputText id="username" value="#{growl.username}" required="true" />
</h:panelGrid>
<h:panelGrid columns="2" cellpadding="5">
<p:outputLabel for="password" value="Password: " />
<p:password id="password" value="#{growl.password}" required="true" />
</h:panelGrid>
<p:commandButton value="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));
}
}
输出
评论前必须登录!
注册