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>内页面部分的刷新。
下面是一段简单实现代码,局部更新时间。
Timer1_Tick事件代码:
涉猎不久,有误望指正。
要利用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(); }这样即实现了页面的局部动态更新。
涉猎不久,有误望指正。
相关文章推荐
- 牛腩(10)-asp.net 控件实现局部动态刷新
- ASP.NET使用ajax实现分页局部刷新页面功能
- 在ASP.NET MVC中使用Juqery实现页面局部刷新
- vs2003 asp.net中直接输出wml,并利用C#做动态页面的控制,不使用微软的移动控件
- ASP.NET分页控件翻页时控制页面局部刷新
- dhl:asp.net mvc下用jQuery ajax方法实现无刷新分页(用户控件)& 整体页面无刷新(2010-11-13 add)
- 在ASP.NET MVC中使用Juqery实现页面局部刷新
- asp.net实现页面局部自动刷新
- 在ASP.NET MVC中使用Juqery实现页面局部刷新
- 利用ASP.NET实现无刷新更新页面 (1)
- 在ASP.NET MVC中使用Juqery实现页面局部刷新
- 在ASP.NET MVC中使用Jquery实现页面局部刷新
- 如何在asp.net页面上放置的控件上实现左右键菜单,同时
- 静态页中利用AJAX.NET实现无刷新页面
- 利用UrlRewrite,asp.net动态生成htm页面
- Asp.Net 实现线程传递多个参数。。。。。。。。。。。。。(并利用线程动态替代Word内的书签等)
- Asp.net 利用Repeater和ObjectDataSource 实现自定义分页控件
- ASP.NET页面刷新的实现方法
- Asp.net动态生成页面控件的办法
- [ASP.NET MVC] 利用动态注入HTML的方式来设计复杂页面