将Timer控件用作UpdatePanel的触发器

heker2007

关注

翻译最新推荐文章于 2017-01-10 17:42:45 发布 2.1k 阅读 AI 写同款· GEO 优化 ›

ASP.NET - 演练：对多个 UpdatePanel 控件使用 ASP.NET Timer 控件在本演练中，将使用一个 Timer 控件来更新两个 UpdatePanel 控件的内容。将 Timer 控件放置在两个 UpdatePanel 控件之外，并将其配置为这两个面板的触发器。 1、创建新页并切换到“设计”视图。 2、如果页面尚未包含 ScriptManager 控件，请在工具箱的“AJAX Extensions”选项卡中双击 ScriptManager 阅读详情

本文英文原版及代码下载：

http://mattberseth.com/blog/2007/08/using_the_ajax_timer_control_a.html

将Timer控件用作UpdatePanel的触发器

ASP.NET AJAX Timer概述

ASP.NET AJAX Timer控件每隔特定的时间间隔执行一次页面回传，它有一个 Interval属性来定义时间间隔.当“到点”时就在服务器端触发Timer的Tick事件. 如果你希望整个页面回传(full postback)的话，你只需将Timer控件放在页面上，就像其它控件一样。但如果你希望Timer触发局部回传，你有2种选择： 1.将Timer控件放在UpdatePanel控件里 2.将Timer控件放在UpdatePanel控件外，再明白地将其注册为一个AsyncPostBackTrigger，另外，可以在Timer的Tick事件处理器里修改Timer属性(主要是Enabled 和 Elapsed)，如果有必要的话你可以在运行的时候修改这些值.把Timer添加到页面后,我们还要考虑使用Timer的一些其它的事情.

AJAX Timer Considerations

1.把Timer控件放在UpdatePanel的里面或者外面时，其行为稍有不同。

Timer控件放在页面的什么地方将决定Elapsed值是如何计算的.如果 Timer放置在UpdatePanel外,当一个局部回传执行时它继续运行。所以，假如Elapsed设置为5秒，而局部回传执行了3秒，那么当局部回传执行完毕2秒后就会触发timer控件；而当Timer控件放置在一个UpdatePanel内部时，当回传执行时Timer就停止运行，直到回传执行完毕后才运行.

2.将Elapsed属性的值设置的足够大，以便Tick事件处理器有足够的事件完成执行.

由于放置在UpdatePanel控件外的Timer控件在局部回传处于执行状态时仍在运行，如果Timer控件“到点”了而局部回传还没有执行完毕，那么当前的执行请求将会被取消而执行一个新的请求.这是你所不愿看到的.

3.当不再需要Timer时将其关闭

Timer控件将一直运行直到用户导航到其它页面或通过编程的方式将其Enabled属性设置为'false'.如果你有办法确定不再需要Timer控件了，将其关闭即可.如上图，当所有操作的状态为'Complete'时,我们用不着再使用Timer了.

Implementation(执行)

下面是UpdatePanel的声明代码，注意它包含了GridView和Timer控件：

<asp:UpdatePanel runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <%--Typical GridView--%>
        <asp:GridView
            ID="gvOperations" runat="server"
            GridLines="None" Width="100%"
            AllowSorting="true" DataSourceID="odsOperations"
            OnRowDataBound="GvOperations_RowDataBound">
            <AlternatingRowStyle BackColor="aliceBlue" />
            <HeaderStyle HorizontalAlign="Left" />
        </asp:GridView>
        <%--The Timer that causes the partial postback--%>
        <asp:Timer runat="server" Interval="1500" OnTick="Timer_Tick" />
    </ContentTemplate>
</asp:UpdatePanel>

下面是Timer的OnTick事件处理器，它依照Waiting -> Running -> Complete的状态调用UpdateStatus.特别的我们还可以调用DataBind对GridView进行重新绑定以查看最新的情况.

private void Timer_Tick(object sender, EventArgs args)
{
    // update the data (only here for demo purposes)
    if (DateTime.Now.Millisecond % 2 == 0)
    {
        UpdateStatus("Waiting", "Running");
    }

    if (DateTime.Now.Millisecond % 3 == 0)
    {
        UpdateStatus("Running", "Complete");
    }

    // refresh the grid
    this.gvOperations.DataBind();
}

就是这样的，祝编程愉快！

收录于