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="http://www.srcmini.com/#{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 poll例子

文章图片
【PrimeFaces Ajax poll例子】更新后的页面。
PrimeFaces Ajax poll例子

文章图片

    推荐阅读