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

PrimeFaces Ajax监听器示例

此属性用于通过使用Ajax请求来调用Java方法。它是<a:ajax>组件的属性。

在这里, 我们正在创建一个示例, 该示例从ManagedBean调用方法。它包含以下文件和代码。

JSF文件

// ajax-listener.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 Listener</title>
</h:head>
<h:body>
<h2>Ajax Listener Example</h2>
<h:form>
<h:panelGrid columns="3">
<h:outputText value="Enter: " />
<p:inputText id="counter" value="#{listenerBean.text}" placeholder="Enter Text">
<p:ajax event="keyup" update="out" listener="#{listenerBean.ajaxEvent()}" />
</p:inputText>
</h:panelGrid>
<h:panelGrid id="out">
<h2>Output</h2>
<h:outputText value="#{listenerBean.text}" />
</h:panelGrid>
</h:form>
</h:body>
</html>

托管豆

// ListenerBean.java

package com.srcmini;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class ListenerBean {
String text;
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
public void ajaxEvent() {
text = text.toUpperCase();
}
}

输出

PrimeFaces Ajax监听器示例1

它将调用将输入值转换为大写的Java方法。

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

评论 抢沙发

评论前必须登录!