a4j定时刷新

a4j:poll

常用属性:

  • interval 经过多少ms执行一次action
  • reRender 指定重新渲染哪些组件
  • rendered 指定重新渲染哪些组件
  • enabled 属性指定是否允许自动检测(即a4j:poll是否有效)
  • oncomplete 指定action完成后客户端要执行的js方法

 

<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>



注意

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

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

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


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

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


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

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

 

 

你可能感兴趣的:(JavaScript)