您的位置:首页 > 编程语言 > ASP

ASP.NET利用AJAX Extensions控件实现页面的局部动态刷新

2012-07-08 15:58 691 查看
初学ASP.NET,忽然想看看AJAX的局部刷新要怎么写,于是自己实验并借助网络做了一番自己的尝试。

要利用AJAX Extensions来局部刷新应该把要刷新的内容放在标签UpdatePanel内,而这个控件的更新功能要借助于ScriptManager来实现,故而应该加上ScriptManager控件在最前面。基本的局部刷新就是这样,控件的属性默认即可。

要动态刷新可以在添加上Timer控件,当然这个控件应该要放在UpdatePanel控件的<ContentTemplate></ContentTemplate>属性内,在添加上 Timer1_Tick事件,在事件里即可实现在<ContentTemplate></ContentTemplate>内页面部分的刷新。

下面是一段简单实现代码,局部更新时间。

<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
当前时间:<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick">
</asp:Timer>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
 

Timer1_Tick事件代码:

protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToLongTimeString();
}
这样即实现了页面的局部动态更新。

涉猎不久,有误望指正。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息