如何使用ajax自动刷新我的JSF页面?

时间:2012-08-02 15:55:12

标签: ajax jsf

情景

我遇到的问题是我不知道如何自动刷新<f:ajax> JSF组件。没有主要表现,有没有办法做到这一点?我只是使用JEE6所包含的资源(没有其他库)。将<f:ajax>能够做到这一点。当bean值发生变化时,<f:ajax>是否有自动更新的属性?

问题:

当我只能点击按钮时<f:ajax>

期望目标

<f:ajax>每N秒自动刷新一次

我正在使用的代码:

打开helloAjax.html

<?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:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html">

    <h:body>

        <h3>Ajax Example</h3>

        <h:form>   
           <h:inputText id="name" value="#{ajaxBean.name}"></h:inputText>
           <h:commandButton value="Submit">
             <f:ajax execute="name" render="output" listener="#{ajaxBean.name}" onchange="Submit" />
           </h:commandButton>
           <h2><h:outputText id="output" value="#{ajaxBean.sayWelcome}" /></h2> 
        </h:form>

    </h:body>

</html>

AjaxBean.java:

@ManagedBean
@SessionScoped
public class AjaxBean
{
    private String name ="";

    public String getName() 
    {
       return name;
    }
    public void setName(String name) 
    {
       this.name = name;
    }
    public String getSayWelcome()
    {

       if(name.equals("") || name ==null)
       {
           return "";
       }
       else
       {
         return "From AjaxBean: "+new java.util.Date().getTime() +" "+ name; 
       }
    }
}

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery触发事件,例如:

jQuery('#commandButtonId').tigger('click');