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

前端之家收集整理的这篇文章主要介绍了在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.jb51.cc/article/p-mlccfxjw-vw.html

猜你在找的Ajax相关文章