asp.net实现页面局部自动刷新

最新推荐文章于 2021-04-07 09:17:47 发布

原创最新推荐文章于 2021-04-07 09:17:47 发布 · 4.4k 阅读

12 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

asp-net

本文介绍了如何在ASP.NET中实现页面的局部自动刷新。通过在.aspx文件中添加Timer控件并设置OnTick事件和Interval属性，可以实现客户端定时更新。在服务端，涉及到.aspx.cs文件中的逻辑处理。

asp.net客户端工作

在asp.net中要实现页面局部自动刷新，首先需要在 .aspx 页面中加入(要加在from里面):

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnableCdn="True">
    </asp:ScriptManager>

这个控件就像是一个页面控件管理器一样，然后在需要局部刷新的位置加上UpdatePanel 控件:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     <asp:Label ID="lblText" runat="server"></asp:Label>
    <asp:Button ID="Button1" runat="server" Text="测试" OnClick="btnTest_Click" />
    </ContentTemplate>
    <Triggers>  
    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />  
    </Triggers>
</asp:UpdatePanel>

<Triggers>注册需要局部刷新或者全局全新的控件
最后，再加一个Timer 控件：

<asp:Timer ID="timerTest" runat="server" Interval="1000" OnTick="timerTest_Tick">  
</asp:Timer>

Timer有一个OnTick事件，Interval设置时间间隔(ms)。

asp.net服务端工作

.aspx对应的 .aspx.cs

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                return;
            }
            else
            {
                return;
            }
        }

        protected void timerTest_Tick(object sender, EventArgs e)
        {
            btnTest_Click(sender,e);
        }

        protected void btnTest_Click(object sender, EventArgs e)
        {
            this.lblText.Text = DateTime.Now.ToString()
        }

Page.IsPostBack是判断页面是否为初次加载，true：是，false：否。
实现思路就是在 Timer 的 OnTick 事件中，去执行 Button 想做的事。

标签

#asp.net