个性化阅读
专注于IT技术分析

PrimeFaces ConfirmDialog示例

本文概述

它是JavaScript确认框的高级版本。它包括各种功能, 例如:蒙皮, 自定义和避免弹出窗口阻止程序。它用于创建确认对话框以获取用户响应。

<p:confirm>组件用于在JSF应用程序中创建一个确认对话框。它具有下表列出的各种属性。

ConfirmDialog属性

Attribute Default value Type Description
id null String 它是组件的唯一标识符。
message null String 用于设置要在正文中显示的文本。
header null String 它用于设置标题的文本。
severity null String 用于设置所显示图标的消息严重性。
width auto Integer 它用于设置对话框的宽度(以像素为单位)。
height auto Integer 它用于设置对话框的宽度(以像素为单位)。
style null String 它用于设置对话框容器的内联CSS。
closable true Boolean 它用于定义是否应显示关闭图标。
appendTo null String 它用于将对话框附加到给定搜索表达式定义的元素上。
visible false Boolean 加载时是否显示确认对话框。
global false Boolean 启用后, confirmDialog将成为其他需要确认的组件的共享。
responsive false Boolean 在响应模式下, 对话框会根据屏幕宽度进行调整。

例子

在下面的示例中, 我们正在实现<p:confirmDialog>组件。本示例包含以下文件。

JSF文件

// ConfirmDialog.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>ConfirmBox</title>
</h:head>
<h:body>
<h:form>
<p:growl id="message" showDetail="true" />
<p:commandButton value="Delete record" actionListener="#{confirmBox.confirm}" update="message">
<p:confirm header="Confirmation" message="Are you sure?" icon="ui-icon-alert" />
</p:commandButton>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>
</h:form>
</h:body>
</html>

ManagedBean

// ConfirmBox.java

package com.srcmini;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
@ManagedBean
public class ConfirmBox {
public void confirm() {
addMessage("Delete record", "Record has been deleted.");
}
public void addMessage(String summary, String detail) {
FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary, detail);
FacesContext.getCurrentInstance().addMessage(null, message);
}
}

输出

PrimeFaces ConfirmDialog 1
PrimeFaces ConfirmDialog 2
赞(0)
未经允许不得转载:srcmini » PrimeFaces ConfirmDialog示例

评论 抢沙发

评论前必须登录!