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

PrimeFaces CommandButton按钮用法

本文概述

它是JSF标准h:commandButton的扩展版本。它包括ajax, 部分处理和蒙皮功能。

<p:commandButton>组件用于在JSF应用程序中创建按钮。当我们要在Web应用程序中执行操作时, 这很有用。

该组件具有下表中列出的各种属性。

CommandButton属性

Attribute 默认值 Type Description
rendered true Boolean 它用于指定组件的呈现。
value null String 用于设置按钮的标签。
action null MethodExpr/String 单击按钮时用于设置操作。
actionListener null MethodExpr 它用于设置单击按钮时将要处理的动作侦听器。
type submit String 它设置按钮的行为。
ajax true Boolean 它指定提交模式。
async false Boolean 设置为true时, ajax请求不会排队。
process null String 它用于部分处理而不是整个视图。
update null String 它用于使用ajax更新组件。
global true Boolean 它定义是否触发ajaxStatus。
delay null String 用于设置延迟值。
partialSubmit false Boolean 它仅允许对属于部分处理的组件的值进行序列化。
timeout 0 Integer 它用于设置ajax请求的超时时间(以毫秒为单位)。

例子

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

JSF文件

// commandButton.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>CommandButton</title>
</h:head>
<h:body>
<h:form>
<p:growl id="growl" life="3000" />
<p:commandButton value="Click here" id="ajax" update="growl" actionListener="#{commandButton.commandButtonAction}" styleClass="ui-priority-primary" />
</h:form>
</h:body>
</html>

ManagedBean

// CommandButton.java

package com.srcmini;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;
@ManagedBean
public class CommandButton {
public void commandButtonAction(ActionEvent actionEvent) {
addMessage("You just clicked Button");
}
public void addMessage(String summary) {
FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary, null);
FacesContext.getCurrentInstance().addMessage(null, message);
}
}

输出

PrimeFaces CommandButton 1
PrimeFaces CommandButton 2
赞(0)
未经允许不得转载:srcmini » PrimeFaces CommandButton按钮用法

评论 抢沙发

评论前必须登录!