本文介绍如何在 ASP.NET AJAX 中实现进度取消功能，通过添加 JavaScript 函数 stop() 和调用 abortPostBack() 方法来中断异步更新操作。文中详细展示了如何在 UpdateProgress 控件中加入取消按钮，并提供了完整的示例代码。
1. 打开第八篇的例子，也就是:UpdateProgress(一).aspx
2. 在 UpdateProgress(一).aspx 的<title></title>
下面加入一段 Javascript
<script type="text/javascript">
function stop()
{
if(Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack())
{
Sys.WebForms.PageRequestManager.getInstance().abortPostBack();
}
}
</script>
function stop()
{
if(Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack())
{
Sys.WebForms.PageRequestManager.getInstance().abortPostBack();
}
}
</script>
3. UpdateProgress 中添加代码
<asp:updateprogress ID="UpdateProgress1" runat="server">
<progresstemplate>
<span lang="zh-cn">数据正在读取中
..请稍后!!!</span>
<input type="button" value ="取消" onclick="stop();" />
</progresstemplate>
</asp:updateprogress>
<progresstemplate>
<span lang="zh-cn">数据正在读取中
..请稍后!!!</span><input type="button" value ="取消" onclick="stop();" />
</progresstemplate>
</asp:updateprogress>
UpdateProgress(一).aspx 代码如下：
Code<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpdateProgress(一).aspx.cs" Inherits="UpdateProgress_一_" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>无标题页</title>
<script type="text/javascript">
function stop()
{
if(Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack())
{
Sys.WebForms.PageRequestManager.getInstance().abortPostBack();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<br />
<br />
<asp:updateprogress ID="UpdateProgress1" runat="server">
<progresstemplate>
<span lang="zh-cn">数据正在读取中
..请稍后!!!</span><input type="button" value ="取消" onclick="stop();" />
</progresstemplate>
</asp:updateprogress>
<br />
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
4. OK. 试试看 ^^
扫一扫
391
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
