VF页面提交按钮防止重复点击解决办法

最新推荐文章于 2024-07-26 23:28:40 发布

原创最新推荐文章于 2024-07-26 23:28:40 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用Apex框架实现的页面块按钮组件，包含保存与返回功能。通过Apex ActionStatus组件展示了等待加载状态的UI设计，利用自定义样式和图像增强用户体验。代码示例详细说明了如何在Apex中渲染按钮并控制页面元素的重新渲染。

<apex:pageBlockButtons >
<apex:actionstatus id="idActionStatus">
<span style="margin-left: 17%;" >
<apex:actionstatus id="status">
<apex:facet name="start" >
<div class="waitingSearchDiv" id="el_loading" style=" background-color: #fbfbfb ;
height: 100%;opacity :0.65;width:100%;" >
<div class="waitingHolder" style="position: fixed;top : 30%; right:50%;width: 91px;" >
<img class="waitingImage" src="/img/loading32.gif" title="Please Wait..." />
</div>
</div>
</apex:facet>
</apex:actionstatus>
<apex:commandButton value="保存" action="{!SaveDate}" rendered="{!flag1}" style="margin-left: 20px;" reRender="status,message1" status="status"/>
<apex:commandButton value="返回" action="{!ReturnButton}" immediate="true" style="margin-left: 20px;"/>

</apex:pageBlockButtons>