PrimeFaces Ajax ActionListener

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

它用于通过触发操作来调用 Java 方法。此操作既可以使用 commandButton 也可以使用 commandLink 完成。在这里，我们正在创建一个示例，该示例调用 ManagedBean 的一个方法，每次单击该按钮时，当前值都会使用 Ajax 进行更新。

此示例包括以下文件。

JSF 文件

// actionListener.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<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>actionListener</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</h:head>
<h:body>
<h2>ActionListener Example</h2>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="Counter: " />
<h:outputText id="output" value="#{ajaxCounter.counter}" />
</h:panelGrid><br/>
<p:commandButton value="Count" actionListener="#{ajaxCounter.increment()}" update="output" />
</h:form>
</h:body>
</html>

托管 Bean

// AjaxCounter.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
@ManagedBean
@ViewScoped
public class AjaxCounter {
int counter;
public int getCounter() {
return counter;
}
public void setCounter(int counter) {
this.counter = counter;
}
public void increment(){
counter+=2;
}
}

输出