PrimeFaces Ajax 事件

2025 年 3 月 17 日 | 阅读 1 分钟

此属性用于在指定的方法上触发事件。我们可以在此属性中传递 onclick、keyup 等事件。

输入组件的默认客户端事件是 onchange。我们可以使用 event 属性覆盖它。在以下示例中，当在输入字段上按下按键时，将触发 Ajax 请求。

JSF 文件

// ajax-event.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>Ajax Event Example</title>
</h:head>
<h:body>
<h2>Ajax Event Example</h2>
<h:form>
<h:panelGrid columns="3" cellpadding="5">
<h:outputText value="KeyUp Event: " />
<p:inputText id="firstname" value="#{user.name}" placeholder="Enter Text">
<p:ajax event="keyup" update="out" />
</p:inputText>
<h:outputText id="out" value="#{user.name}" />
</h:panelGrid>
</h:form>
</h:body>
</html>

托管 Bean

// User.java

package com.javatpoint;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class User implements Serializable{
String name;
String lastName;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}   
public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}

}

输出