在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
           




  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏作者

秋分中的雨

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值