Ajax4jsf使用a4j:poll实现定时刷新

最新推荐文章于 2021-08-06 17:51:33 发布

最新推荐文章于 2021-08-06 17:51:33 发布 · 183 阅读

文章标签：

#a4j标签

Ajax4jsf 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了a4j:poll组件的常见属性及其应用，包括设置自动刷新间隔、指定重新渲染的目标组件等。同时提供了注意事项，如该组件必须嵌套在h:form标签内才能生效，并详细说明了不同配置下组件的行为表现。

[size=x-large][color=darkred]a4j:poll[/color][/size]

[size=small]常用属性:[/size]
[list]
[*] interval 经过多少ms执行一次action
[*] reRender 指定重新渲染哪些组件
[*] rendered 指定重新渲染哪些组件
[*] enabled 属性指定是否允许自动检测（即a4j:poll是否有效）
[*] oncomplete 指定action完成后客户端要执行的js方法
[/list]



<h:form>
<a4j:poll id="observer" 
          interval="10000"
          enabled="#{uim.enabled}" 
          action="#{uim.action}"
          reRender="outputPanel" 
          oncomplete="oncompleteJS();"
          />

<script language="JavaScript">
// 使用"//<![CDATA["的写法可在script内部使用"<"字符和"&"符号
//<![CDATA[
function oncompleteJS(){
    // todo to do something\
}
//]]>
</script>
</h:form>

[size=small][color=red]注意[/color][/size]
[list=1]
[*] a4j:poll必须嵌入到h:form内部，否则不起作用
[*] a4j:poll会对整个form起作用，即每次刷新时, 同一form内的所有uim绑定属性都会发送请求，uim中的属性getter/setter方法会自行调用
[*] 同一form内，避免使用超过一个的a4j:poll定时器，如果在一个页面中需要多个定时刷新，则最好每个a4j:poll放在一个form中
[*]

[color=red]<h:form>[/color]
<a4j:poll interval="10000" [color=red]reRender=""[/color] />
<a4j:outputPanel id="outputPanel">
<t:inputText forceId="true" value="#{menuUim.keyword}"/>
</a4j:outputPanel>
[color=red]</h:form>[/color]

menuUim.keyword会被刷新一次，调用一次属性的getter/setter方法，但不会刷新页面显示值

[color=red]<h:form>[/color]
<a4j:poll interval="10000" [color=red]reRender="outputPanel"[/color] />
<a4j:outputPanel id="outputPanel">
<t:inputText forceId="true" value="#{menuUim.keyword}"/>
</a4j:outputPanel>
[color=red]</h:form>[/color]

menuUim.keyword会被刷新两次，调用两次属性的getter/setter方法，且会刷新页面显示值

[color=red]<h:form>[/color]
<a4j:poll interval="10000" [color=red]reRender="outputPanel"[/color] />
[color=red]</h:form>[/color]
<a4j:outputPanel id="outputPanel">
<t:inputText forceId="true" value="#{menuUim.keyword}"/>
</a4j:outputPanel>

menuUim.keyword会被刷新一次，调用一次属性的getter/setter方法，会刷新页面显示值

[/list]