本文介绍如何在ASP.NET AJAX应用中实现更新过程的中断功能。通过添加JavaScript函数和UpdateProgress控件，用户可以在数据加载过程中选择取消操作。具体步骤包括在页面中加入自定义的JavaScript函数stop()来检测并终止异步回发。
有时，当服务器实在运行太久了，我们能否中断它吗？答案是肯定的。
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. 试试看 ^^
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
