本文概述
它是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);
}
}
输出
评论前必须登录!
注册