在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://www.52php.cn/article/p-mlccfxjw-vw.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!