PrimeFaces ConfirmDialog示例 _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="http://www.srcmini.com/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="http://www.srcmini.com/Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" /> < p:commandButton value="http://www.srcmini.com/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; @ManagedBeanpublic 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示例】输出