AJAX 带有 取消功能的 UpdateProgress
aspx 页 :
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
<!--
function CancelAsyncPostBack() {
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm.get_isInAsyncPostBack()) {
prm.abortPostBack();
}
}
// -->
</script>
<style type="text/css">
#UpdatePanel1 {}{
width:200px; height:100px;
border: 1px solid gray;
}
#UpdateProgress1 {}{
width:200px; background-color: #FFC080;
bottom: 0%; left: 0px; position: absolute;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 835px; height: 391px">
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<asp:Label ID="Label1" runat="server" Text="页面初始化"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
正在处理数据,请稍候.<br />
<input id="input1" type="button" value="取消" onclick="CancelAsyncPostBack()"/>
</ProgressTemplate>
</asp:UpdateProgress>
</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
aspx.CS :
{
System.Threading.Thread.Sleep(3000); //人为的创建一个3秒钟的延迟并显示当前时间
Label1.Text = "Page refreshed at " +
DateTime.Now.ToString();
}
转载于:https://www.cnblogs.com/tiger8000/archive/2007/10/27/939520.html
AJAX 带有 取消功能的 UpdateProgress相关推荐
- 带有支付功能的产品如何进行测试
软件测试人员在进行测试的时候,根据测试项目或者测试对象的不同,会采用不同的方式方法来进行测试,那么,带有支付功能的产品该如何测试呢?在测试过程中又应该注意些什么? 财务人员有句老话叫: ...
- c语言程序窗口后台持续监测,用c语言实现后台运行的、每隔30s检查一次的、带有日志功能的断网重新连接程序...
/*这是一个后台运行的.每隔30s检查一次的.带有日志功能的断网重新连接程序. 要想使用它必须要配置好c语言环境,比如安装有mingw的codeblocks 实现的方式就是每隔一段时间就去ping一下 ...
- think php ajax分页,thinkPHP5框架实现基于ajax的分页功能示例
本文实例讲述了thinkPHP5框架实现基于ajax的分页功能.分享给大家供大家参考,具体如下: 最近一个页面的选项卡又牵扯到ajax分页,所以研究了一下tp5的ajax分页使用方法 首先看一下tp5 ...
- php ajax实现查询功能,ajax实现分页查询功能
这次给大家带来ajax实现分页查询功能,ajax实现分页查询功能的注意事项有哪些,下面就是实战案例,一起来看一下. ajax分页查询功能的具体代码,供大家参考,具体内容如下 显示的效果如下: 实现效果 ...
- PHP+AJAX 投票器功能
终于到AJAX,翻译过来就是"异步Javascript和XML",他可以实现网页内容的部分加载,可提高用户体验.现在有很多网站都有用这技术,反正你知道他能实现网页的异步更新就差不多 ...
- axios取消功能的设计与实现
取消功能的设计与实现 #需求分析 有些场景下,我们希望能主动取消请求,比如常见的搜索框案例,在用户输入过程中,搜索框的内容也在不断变化,正常情况每次变化我们都应该向服务端发送一次请求.但是当用户输入过 ...
- 面试官:请手写一个带取消功能的延迟函数,axios 取消功能的原理是什么
大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列> ...
- ajax mysql点赞_php+mysql结合Ajax实现点赞功能完整实例
php+mysql结合Ajax实现点赞功能完整实例 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 // ...
- iOS开发-类似微信录音上滑取消功能
iOS开发-类似微信录音上滑取消功能 前言 效果 代码 先自定义UIButton 使用 监听上下滑动代码 前言 在社交媒体中开发中遇到需要做类似微信录音上滑取消功能,例子,虽然不是很好看,但是细节满满 ...
最新文章
- SSL For Free 申请免费https SSL 凭证
- 武汉众邦银行的数字化升级秘诀:让每个业务⼈员都能自助式分析查询
- Java.lang.IllegalStateException Activity has been destroyed
- linux ntfs 用户权限,linux权限及ntfs文件系统权限的知识
- easyui textbox获取焦点事件
- ad17如何删除3d实体_多年工作积累的Altium AD09 AD17 硬件元器件 原理图库+PCB封装库...
- sts背景色设置眼睛保护色
- 数的变幻(小明买书)
- 硬件和软件的32位与64位区别
- 操作系统实验六、死锁问题实验——单车道问题
- python数字转换拼音程序_课内资源 - 基于Python的拼音汉字转换程序
- caffe中的loss函数简单介绍
- struts2中常用Result总结
- 工装,夹具,治具,检具
- 保研面试中常见的英语问题有哪些?
- JAVA连接FTP报530,FTP 登陆提示 530 Please login with USER and PASS
- Java代码去除空格的几种方法
- Excel 表格的基本操作(精选 39 个技巧)
- python将字符串转换大小写的四大函数——lower、upper、capitalize、title函数
- 你还记得那个活跃在TikTok的摊手,耸肩,摇头的意大利小哥吗?Tikmeta带你来了解!
热门文章
- 操作系统——进程的状态及转换
- 腾讯地图拾取坐标html,腾讯地图Api 实现拾取坐标功能示例
- TFS offline issue
- 物流×科技,易流如何用IoT技术加速物流业数字化升级?...
- 6.安装使用vue-quill-editor
- 参考信息 - 云原生(Cloud Native)
- [源码]java.lang.reflect.Proxy
- MySQL的索引类型及简单优化
- IB客座主编(三):西门子(中国)有限公司工业业务领域楼宇科技集团杜明轩(Christophe de Maistre)先生...
- Spring Cloud 各个模块功能简介