在JSF页面利用Ajax实现局部刷新

 本人对JSF接触不久，所以很多知识都没有学到。这几天做项目用到两个问题：

1.点击测试按钮，刷新的是整个页面，这种效果对用户的感知度不好，希望达到的是局部刷新的目的。

2.点击测试按钮，load进度条执行后，会显示是否连接的提示信息，如果没有连接成功，会及时修改页面的数据，然后再点击按钮，提示信息应该清空，刚开始想用定时器在后台实现的，在前端也想用JS的，不过效果都不是太好，浪费了很多时间。

解决代码：

   <h:commandButton value="Test Connection"   action="#{deviceHandler.gainRightUrl()}" title="The buttoon is for test this device's connection.">

            <f:ajax execute="panel" render="message status"/>

   </h:commandButton>

    <p:toolbarGroup>

               <p:ajaxStatus id="ajaxStatusPanel">

                      <f:facet name="start">

                                <h:graphicImage value="./resources/img/load.jpg"/>

                      </f:facet>                   

                       <f:facet name="complete">

                                <h:outputText value=""/>

                                 <h:outputLabel id="message" value="#{deviceHandler.msg}" for="status"/>

                                <p:graphicImage id="status" value="#{deviceHandler.pic}"/>

                      </f:facet>

                </p:ajaxStatus>

        </p:toolbarGroup>

参考：http://blog.csdn.net/thinkhlin_down/article/details/5488370