首先加入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.NET-Code:
<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.NET-Code:
<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事件,用来显示最近刷新的时间

C#-Code:
protected void Timer1_Tick(object sender, EventArgs e) {      Label1.Text = DateTime.Now.ToString(); }

注:Timer控件与UpdatePanel一样均需要ScriptManager控件的支持。

AJAX中UPDATEPANEL配合TIMER控件实现局部无刷新的更多相关文章

  1. winform中如何使用timer控件实现欢迎(初始加载)窗口

    第一步.新建窗体项目命名为:TestWelcomeFrm,如下图: 第二步.在新项目中,增加欢迎窗口,命名为WelFrm,整个项目目录如下: 第三步.修改program.cs中启动代码如下: WelF ...

  2. Asp:Button控件onclick事件无刷新页面提示消息

    <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptMana ...

  3. Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据

    主要是利用 ASPxTreeList 点击事件回发服务器进行数据重新绑定 ASPxTreeList: <SettingsBehavior ExpandCollapseAction="N ...

  4. ASP.NET AJAX入门系列(11):在多个UpdatePanle中使用Timer控件

    本文将使用Timer控件更新两个UpdatePanel控件,Timer控件将放在UpdatePanel控件的外面,并将它配置为UpdatePanel的触发器,翻译自官方文档. 主要内容 在多个Upda ...

  5. ASP.NET AJAX入门系列(10):Timer控件简单使用

    本文主要通过一个简单示例,让Web页面在一定的时间间隔内局部刷新,来学习一下ASP.NET AJAX中的服务端Timer控件的简单使用. 主要内容 Timer控件的简单使用 1.添加新页面并切换到设计 ...

  6. 谨记给UpdatePanel中动态添加的控件赋ID

    原文:谨记给UpdatePanel中动态添加的控件赋ID 昨天下定决 心对上次做的布局编辑器控件加以改进,其中最主要变化的就是要完全使用ASP.NET AJAX!但是很遗憾,虽然耳闻已久,但目前对AS ...

  7. C# windows服务:C#windows服务中的Timer控件的使用

    C# windows服务程序中的Timer控件的使用问题是如何解决的呢? 今天和同事一起研究了下C# windows服务程序中的Timer控件的使用的写法. 我们在建立一个C# windows服务程序 ...

  8. 关于c#中的Timer控件的简单用法

    Timer控件主要会用到2个属性一个是Enabled和IntervalEnabled主要是控制当前Timer控件是否可用timer1.Enabled=false;不可用timer1.Enabled=t ...

  9. winform用户控件、动态创建添加控件、timer控件、控件联动

    用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...

随机推荐

  1. NSString 处理技巧:分割字符串

    摘要 string类型是objective-c中用的最多的类型之一,有时会出现字符串中有我们不想要的字符. 如 "hello world"中的空格,或是"hello/wo ...

  2. Geronimo应用服务器和MySQL数据库服务器

    就是Web 2.0的全部,尽管该术语出现才几乎一年的时间,但现在好像只有烹饪杂志还没有加入到讨论Web 2.0未来出路的行列中.自从出现了里程碑式的文章"What Is Web 2.0:De ...

  3. beta-review阶段组员贡献分分配

    组名:天天向上 组长:王森 组员:张政.张金生.林莉.胡丽娜 bera-2阶段各组员的贡献分分配如下: bera-2阶段各组员的贡献分分配如下: 姓名 个人工作量 组长评价 个人评价 团队贡献总分 张 ...

  4. ZZULIOJ 1726 迷宫(BFS+小坑)

    1726: 迷宫 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 394  Solved: 64 SubmitStatusWeb Board Descr ...

  5. Javascript 笔记与总结(1-6)Javascript 面向对象

    在 JavaScript 中,有对象,没有类(但有构造函数). 在 JavaScript 中,对象不依赖于类而存在,可以直接生成. {key:value, key:value} 这种格式的对象,成为 ...

  6. jQuery 判断多个 input file 都不能为空

    例如有两个图片上传的 input,都必须上传图片: html 选择文件 1 :<input type="file" name="myfile[]" cla ...

  7. PHP调用java的class

    PHP调用java的class   转:http://hi.baidu.com/lei0827/blog/item/28439a4e923234ced1c86a18.html PHP调用java的cl ...

  8. 字符串复制char *strcpy(char* dest, const char *src);

    ⒈strcpy的实现代码 char * strcpy(char * strDest,const char * strSrc) { if ((NULL==strDest) || (NULL==strSr ...

  9. oracle 内联同时删除多表

    在 MySql 中,内联同时删除多表可以使用这样的语法: DELETE t1,t2 FROM table1 AS t1 INNER JOIN table2 t2 ... INNER JOIN tabl ...

  10. 1763 An Essay towards solving a Problem in the Doctrine of Chances

    https://en.wikipedia.org/wiki/An_Essay_towards_solving_a_Problem_in_the_Doctrine_of_Chances