PrimeFaces Ajax事件示例

此属性用于触发指定方法上的事件。我们可以在此属性中传递onclick, keyup等事件。
输入组件的默认客户端事件是onchange。我们可以使用事件属性覆盖它。在以下示例中, 当在输入字段上按下键时, 将触发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="http://www.srcmini.com/KeyUp Event:" /> < p:inputText id="firstname" value="http://www.srcmini.com/#{user.name}" placeholder="Enter Text"> < p:ajax event="keyup" update="out" /> < /p:inputText> < h:outputText id="out" value="http://www.srcmini.com/#{user.name}" /> < /h:panelGrid> < /h:form> < /h:body> < /html>

托管豆
// User.java
package com.srcmini; import java.io.Serializable; import javax.faces.bean.ManagedBean; @ManagedBeanpublic 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; }}

输出
PrimeFaces Ajax事件示例

文章图片
【PrimeFaces Ajax事件示例】输入值后, Ajax事件将触发并提供以下输出:
PrimeFaces Ajax事件示例

文章图片

    推荐阅读