PrimeFaces SplitButton

17 Mar 2025 | 阅读 2 分钟

这是一个按钮，它显示一个默认命令和附加命令，这些命令位于一个叠加层中。它用于提供多个命令。 <p:splitButton> 组件用于在 JSF 应用程序中创建 splitButton。下表包含此组件的重要属性。

SplitButton 属性

属性	默认值	类型	描述
id	null	String	它是组件的唯一标识符。
值	null	String	它用于设置按钮的标签。
action	null	MethodE xpr/String	它是一个方法表达式或字符串结果，当单击按钮时会处理该结果。
actionListener	null	MethodE xpr	它用于设置操作监听器。
type	submit	String	它设置按钮的行为。
ajax	true	Boolean	它指定提交模式，当设置为 true（默认值）时，将使用 Ajax 进行提交。
Async	false	Boolean	如果设置为 true，则不会对 ajax 请求进行排队。
process	null	String	它设置组件仅部分处理而不是整个视图。
更新	null	String	它设置使用 ajax 更新的组件。
onstart	null	String	它用于在 Ajax 请求开始之前执行客户端脚本。
全局	true	boolean	它定义是否触发 ajaxStatus。
delay	null	String	它用于设置延迟时间。
timeout	0	Integer	它用于设置 Ajax 请求的超时时间（以毫秒为单位）。
style	null	String	它用于设置按钮元素的内联 CSS。

示例

在这里，在下面的示例中，我们正在实现 <p:splitButton> 组件。此示例包含以下文件。

JSF 文件

// splitButton.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>SplitButton</title>
</h:head>
<h:body>
<h:form>
<p:growl id="messages" />
<p:splitButton value="Save" actionListener="#{splitButton.save}" update="messages" icon="ui-icon-disk">
<p:menuitem value="Update" actionListener="#{splitButton.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
<p:menuitem value="Delete" actionListener="#{splitButton.delete}" ajax="false" icon="ui-icon-close" />
<p:separator />
<p:menuitem value="Homepage" url="https://tpointtech.cn" icon="ui-icon-extlink" />
</p:splitButton>
</h:form>
</h:body>
</html>

ManagedBean

// SplitButton.java

package com.javatpoint;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;
@ManagedBean
public class SplitButton {
public void save(ActionEvent actionEvent) {
addMessage("Data saved");
}
public void update(ActionEvent actionEvent) {
addMessage("Data updated");
}
public void delete(ActionEvent actionEvent) {
addMessage("Data deleted");
}
public void addMessage(String summary) {
FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary,  null);
FacesContext.getCurrentInstance().addMessage(null, message);
}
}

输出

下一主题PrimeFaces AccordionPanel

PrimeFaces SplitButton

SplitButton 属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces SplitButton

SplitButton 属性

示例

JSF 文件

ManagedBean

相关帖子

PF BooleanButton

PF Toolbar

PF Chips

PF InputText

PF PieChart

PF ConfirmDialog

PF SelectCheckboxMenu

PF SelectOneListbox

PF NotificationBar

PF InputTextarea

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器