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

PrimeFaces Ajax poll例子

PrimeFaces提供了<p: poll>组件, 该组件用于定期进行ajax调用。它提供了一个选项间隔, 用于指定时间。

以下示例说明了此组件的用法。本示例包含以下文件。

JSF文件

// ajax-poll.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 Poll</title>
</h:head>
<h:body>
<h:form>
<h:outputText id="poll" value="#{ajaxCounter.counter}" />
<p:poll interval="1" listener="#{ajaxCounter.increment()}" update="poll" />
</h:form>
</h:body>
</html>

ManagedBean

// AjaxCounter.java

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

输出

此页面会根据指定的时间每次更新。最初, 它设置为0。

PrimeFaces Ajax poll1

更新后的页面。

PrimeFaces Ajax poll2
赞(0)
未经允许不得转载:srcmini » PrimeFaces Ajax poll例子

评论 抢沙发

评论前必须登录!