AJAX中UPDATEPANEL配合TIMER控件实现局部无刷新
首先加入UpdatePanel
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
//注:UpdateMode为更新模式,设置此属性表示只刷新UpdatePanel中的部分,若不加此属性,默认为Always,刷新整个页面。
//OnTick为时间促发函数(后台函数),Interval为时间5000为5秒,即每5秒后促发此函数
</asp:Timer>
<在此添加需要刷新的内容>
<Triggers>//此处相当于关联。简单解释就是通过Timer1来促发UpdatePanel的刷新
<asp:AsyncPostBackTrigger ControlID="Timer1 EventName="Tick" />
</Triggers>
<ContentTemplate>
<asp:Timer ID="Timer1 runat="server" Interval="5000" OnTick="Timer2_Tick">
</ContentTemplate>
</asp:UpdatePanel>
后台代码:
即刚才的TIMER_TICK。
protected void Timer1_Tick(object sender, EventArgs e)
{
此处写上需要在5秒后做的事情。
}
Timer,顾名思义即是一个定时器控件,通过它可以在指定时间间隔内刷新UpdatePanel或整个页面。该控件包含一个重要的属性 Interval ,用来定义刷新的时间间隔,单位为毫秒。另外包含一个Tick 事件,可以用来定义服务端行为。一个页面可以定义多个Timer控件来为不同的UpdatePanel指定刷新间隔,也可以多个UpdatePanel共用一个Timer。
Timer控件可以在UpdatePanel内声明,这时自动作为该UpdatePanel的Trigger:
<asp:ScriptManager runat="server" id="ScriptManager1" /> <asp:UpdatePanelrunat="server" id="UpdatePanel1" UpdateMode="Conditional"> <contenttemplate> <asp:Timer id="Timer1" runat="server" Interval="120000" OnTick="Timer1_Tick"> </asp:Timer> </contenttemplate> </asp:UpdatePanel>
也可以在UpdatePanle外声明,此时如果要刷新该UpdatePanel,则必须指定Timer为它的Trigger:
<asp:ScriptManager runat="server" id="ScriptManager1" /> <asp:Timer ID="Timer1"runat="server" Interval="120000" OnTick="Timer1_Tick"> </asp:Timer> <asp:UpdatePanelID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTriggerControlID="Timer1" EventName="Tick" /> </Triggers> <ContentTemplate> <asp:Label ID="Label1" runat="server" ></asp:Label> </ContentTemplate></asp:UpdatePanel>
在本例中我们可以定义他的Tick事件,用来显示最近刷新的时间
protected void Timer1_Tick(object sender, EventArgs e) { Label1.Text = DateTime.Now.ToString(); }
注:Timer控件与UpdatePanel一样均需要ScriptManager控件的支持。
转载于:https://www.cnblogs.com/BrokenIce/p/6051779.html
AJAX中UPDATEPANEL配合TIMER控件实现局部无刷新相关推荐
- 在vc2005中使用MoveWindow()调整控件大小,不能及时刷新,在vc6中则可以
在vc2005中使用MoveWindow()调整控件大小,不能及时刷新,在vc6中则可以? // ------------------------------ vc2005 ------------- ...
- Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据
Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据 主要是利用 ASPxTreeList 点击事件回发服务器进行数据重新绑定 ASPxTreeList: ? 1 2 &l ...
- ASP.NET AJAX - Timer控件之摆放位置的影响
ASP.NET AJAX所提供的 Timer 控件是一个服务器控件,它能够定时引发全网页回传,当然,在搭配了 UpdatePanel 控件之后,就可以定时引发异步回传并局部更新 UpdatePanel ...
- ASP.NET AJAX入门系列(11):在多个UpdatePanle中使用Timer控件
本文将使用Timer控件更新两个UpdatePanel控件,Timer控件将放在UpdatePanel控件的外面,并将它配置为UpdatePanel的触发器,翻译自官方文档.<?XML:NAME ...
- ASP.NET AJAX入门系列(10):Timer控件简单使用
本文主要通过一个简单示例,让Web页面在一定的时间间隔内局部刷新,来学习一下ASP.NET AJAX中的服务端Timer控件的简单使用. 主要内容 Timer控件的简单使用 1.添加新页面并切换到设计 ...
- C#windows服务中的Timer控件的使用
C#windows服务程序中的Timer控件的使用是什么情况呢?那么本文就C#windows服务程序中的Timer控件的使用问题向你介绍相关的操作. C# windows服务程序中的Timer控件的使 ...
- 第十篇: Timer 控件
1. 新建 Web窗体: Timer(一).aspx 添加 ScriptManager 控件,UpdatePanel 控件,Timer 控件(放在 UpdatePanel 中) 2. 把 Ti ...
- 用ASP.NET AJAX框架扩展HTML Map控件
[摘要]在本文中,我将向你展示如何使用ASP.NET AJAX框架对添加可点击的热点的HTML Map控件进行扩展.经扩展后,当我们的鼠标移动到这些热点上后,即弹出关于这些热点的详细信息;但是,这些详 ...
- ASP.NET 2.0 中的 DataSource 系列控件
在ASP.NET 2.0中,引入了DataSource系列控件,扔一个到页面上并且选择性的配置好SELECT/UPDATE/INSERT/DELETE对应的操作,它就能够和数据空间无缝合作自动处理查询 ...
最新文章
- 单镜头视觉系统检测车辆的测距方法
- 超简单的MySQL菜鸟安装教程
- Ubuntu下搭建NFS,并在开发板挂载
- Linux /etc/group文件解析(超详细)
- [转] 初识Firebug(HTML查看和编辑、Javascript控制台、网络状况监视器)
- java_math_BigDecimal
- SQL入侵恢复XP_CMDSHLL与开3389
- Spring中WebApplicationInitializer的理解
- linux+date+命令+作业,Linux date命令
- 车险往年保单关联计算的性能优化
- 备份自己的myeclipse快捷键到需要的环境
- 物联网解决方案应用之智能安防运维解决方案
- 直方图均衡化算法、直方图匹配算法 C++ 代码
- 张学孟 (帮别人名字作诗)
- Mac安装Linux虚拟机
- 国内提供paas平台的有_国内十大paas平台
- CSDN使用Markdown编辑器
- 电脑设置鼠标光标颜色或大小时,点击之后窗口闪退
- ubuntu启动两个mysql_同一台Ubuntu 启动多个mysql
- mysql 所有字符集_mysql字符集