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

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="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>

托管豆

// User.java

package com.srcmini;
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;
}

}

输出

PrimeFaces Ajax事件示例1

输入值后, Ajax事件将触发并提供以下输出:

PrimeFaces Ajax事件示例2
赞(0)
未经允许不得转载:srcmini » PrimeFaces Ajax事件示例

评论 抢沙发

评论前必须登录!