Ajax4jsf 运用a4j:poll实现定时刷新
日期：2014-05-16 浏览次数：20397 次
Ajax4jsf 使用a4j:poll实现定时刷新
下面是使用a4j:poll简单实现一个站内短消息自动提示动能（类似很多asp论坛的页面顶部短消息提示）的关键代码。
（a4j:poll的使用文档可参考https://ajax4jsf.dev.java.net/nonav/documentation/ajax-documentation/）
a4j:poll 组件的声明：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">
<!-- 短消息提示代码开始-->
<c:set var="observerEnabled" value="true"/>
<h:form>
<!--a4j:poll 必须嵌入到h:form内部，否则不起作用-->
<!--enabled 属性指定是否允许自动检测（即a4j:poll是否有效），reRender指定重新渲染哪些组件,interval经过多少ms执行一次action，oncomplete指定action完成后客户端要执行的js方法-->
<a4j:poll id="observer" enabled="#{observerEnabled}" action="#{basePage.observeNewShortMessage}"
reRender="observer,promptMessageTop" interval="10000"
oncomplete="observeNewShortMessage();"/>
<script language="JavaScript">
// 使用"//<![CDATA["的写法可在script内部使用"<"字符和"&"符号
//<![CDATA[
function observeNewShortMessage(){
// todo to do something
}
//]]>
</script>
</h:form>
<!-- 短消息提示代码结束-->
页面顶部短消息提示内容：
<div align="center" id="promptMessageRegionTop">
<t:commandLink action="message.queryMgs" immediate="true">
<!--basePage.observeNewShortMessage 方法返回一个提示信息promptMessage-->
<h:outputText id="promptMessageTop" value="#{basePage.promptMessage}" />
</t:commandLink>
</div>
注意：a4j:poll只能重新渲染组件，如果需要在oncomplete后的js中做一些复杂逻辑，可考虑
① 把组件放在div中
<div id="promptRegion"><h:outputText id="prompt" value="#{basePage.prompt}" /></div>
② 在reRender中使用reRender="observer,prompt,promptMessageTop"，重新渲染位于div中的h:outputText组件
③ 使用oncomplete=" observeNewShortMessage ();" 指定action完成后客户端要执行的js方法
function observeNewShortMessage (){
// 下面取得div中h:outputText的值，然后可以进行一些逻辑操作
var prompt = document.getElementById("promptRegion").innerText;
// todo to do something
}
下面是使用a4j:poll简单实现一个站内短消息自动提示动能（类似很多asp论坛的页面顶部短消息提示）的关键代码。
（a4j:poll的使用文档可参考https://ajax4jsf.dev.java.net/nonav/documentation/ajax-documentation/）
a4j:poll 组件的声明：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">
<!-- 短消息提示代码开始-->
<c:set var="observerEnabled" value="true"/>
<h:form>
<!--a4j:poll 必须嵌入到h:form内部，否则不起作用-->
<!--enabled 属性指定是否允许自动检测（即a4j:poll是否有效），reRender指定重新渲染哪些组件,interval经过多少ms执行一次action，oncomplete指定action完成后客户端要执行的js方法-->
<a4j:poll id="observer" enabled="#{observerEnabled}" action="#{basePage.observeNewShortMessage}"
reRender="observer,promptMessageTop" interval="10000"
oncomplete="observeNewShortMessage();"/>
<script language="JavaScript">
// 使用"//<![CDATA["的写法可在script内部使用"<"字符和"&"符号
//<![CDATA[
function observeNewShortMessage(){
// todo to do something
}
//]]>
</script>
</h:form>
<!-- 短消息提示代码结束-->
页面顶部短消息提示内容：
<div align="center" id="promptMessageRegionTop">
<t:commandLink action="message.queryMgs" immediate="true">
<!--basePage.observeNewShortMessage 方法返回一个提示信息promptMessage-->
<h:outputText id="promptMessageTop" value="#{basePage.promptMessage}" />
</t:commandLink>
</div>
注意：a4j:poll只能重新渲染组件，如果需要在oncomplete后的js中做一些复杂逻辑，可考虑
① 把组件放在div中
<div id="promptRegion"><h:outputText id="prompt" value="#{basePage.prompt}" /></div>
② 在reRender中使用reRender="observer,prompt,promptMessageTop"，重新渲染位于div中的h:outputText组件
③ 使用oncomplete=" observeNewShortMessage ();" 指定action完成后客户端要执行的js方法
function observeNewShortMessage (){
// 下面取得div中h:outputText的值，然后可以进行一些逻辑操作
var prompt = document.getElementById("promptRegion").innerText;
// todo to do something
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
