【问题标题】:ASP.NET AJAX: Firing an UpdatePanel after the page load is completeASP.NET AJAX:页面加载完成后触发 UpdatePanel
【发布时间】:2023-04-06 12:39:01
【问题描述】:

我确定这很容易,但我想不通:

我有一个 ASP.NET 页面,上面有一些 UpdatePanel。我希望页面完全在 UpdatePanel 中加载一些“请稍候”文本。然后,一旦页面完全加载,我想调用一个代码隐藏函数来更新 UpdatePanel。

关于实现这个想法需要什么 Javascript 和代码隐藏的组合有什么想法吗?

SAL

PS:我尝试将我的函数调用放在 Page_Load 中,但随后代码在页面交付之前运行,由于我要运行的函数需要一些时间,因此页面只需加载时间过长。

【问题讨论】:

标签: asp.net javascript asp.net-ajax


【解决方案1】:

我摆弄着 ScriptManager 的建议——我认为我最终会得到工作,但在我看来,Timer 的想法更容易实现,而不是真的(!)那么多黑客?!

这是我如何在初始页面渲染完成后更新面板...

default.aspx

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AJAXPostLoadCall._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <h2>And now for a magic trick...</h2>
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True">
        </asp:ScriptManager>
        <div>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Timer ID="Timer1" runat="server" Interval="2000" ontick="Timer1_Tick" />
                    <asp:Label ID="Label1" runat="server">Something magic is about to happen...</asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>

        </div>
    </form>
</body>
</html>

default.aspx.cs 后面的代码为

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace AJAXPostLoadCall
{
    public partial class _Default : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {
        }

        public void DoMagic()
        {
            Label1.Text = "Abracadabra";
        }

        protected void Timer1_Tick(object sender, EventArgs e)
        {
            // Do the magic, then disable the timer
            DoMagic();
            Timer1.Enabled = false;
        }

    }
}

因此,页面加载完毕,并且 Timer(包含在 UpdatePanel 中)在页面加载 2 秒后触发(我认为 - 我不确定 Timer 何时实际启动?)。标签文本被重写,然后定时器被禁用以停止任何更新。

很简单 - 但是你能不能告诉我这是否是一个可怕的黑客攻击?

【讨论】:

    【解决方案2】:

    看看ScriptManager.RegisterStartupScript

    这个想法是您注册一个脚本以在启动时运行(我相信一旦页面加载)。您的脚本应该调用一个函数,该函数会通过您的 UpdatePanel 进行回发

    【讨论】:

    【解决方案3】:

    使用将在一定毫秒数后触发的计时器控件(用于加载页面)。在计时器滴答事件中刷新更新面板。

    【讨论】:

      【解决方案4】:

      使用 UpdatePanels 做这样的事情而不是容易理解的事情会咬你,这只是时间问题。

      【讨论】:

      • 我认为 UpdatePanel 很容易理解!您是否对计时器的想法或 ASP UpdatePanels 的整个概念有异议?我需要注意什么咬人?谢谢....
      • @Sal:你知道幕后发生了什么吗?包括页面生命周期?视图状态如何传播到页面视图状态?除非在 Web 服务器上安装了 Framework 3.5 SP1,否则为什么嵌套的 UpdatePanel 会失败?
      【解决方案5】:

      从这篇文章的第一个问题开始,我认为用户正在寻找的是在更新面板加载时向用户显示的消息。只需在页面上的 UpdatePanel 控件上方放置一个如下所示的 UpdateProgress 控件,然后随意在 UpdatePanel 中触发事件,照常放置后端代码,UpdateProgress 控件中包含的任何内容都会在 UpdatePanel 时加载内容正在后端处理。

      <asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" ID="UpdateProgress1" runat="server">
        <ProgressTemplate>
          <div class="mystyleclass">
            Please Wait...
          </div>
        </ProgressTemplate>
      </asp:UpdateProgress>
      

      不需要任何杂乱无章的手动 javascript 内容。

      【讨论】:

        【解决方案6】:

        ScriptManager.RegisterStartupScript 允许脚本在更新面板内启动时运行。如果您使用旧的 ClientScript.RegisterStartupScript,那么您呈现的脚本将超出 udpate 面板的范围,因此不会在异步页面加载期间执行。

        【讨论】:

          【解决方案7】:

          使用 Tom 的方法和启动脚本,然后您可以调用:

          __doPostBack('UpdatePanelName', '');

          【讨论】:

            【解决方案8】:

            竖起大拇指,感谢 SAL 和你们其他人。 这解决了我遇到的一个大问题,我的过程需要一分钟才能最终呈现和显示页面。

            谢谢!

            【讨论】:

              猜你喜欢
              • 2012-11-23
              • 1970-01-01
              • 2022-01-25
              • 1970-01-01
              • 1970-01-01
              • 2019-07-17
              • 2014-07-30
              • 2014-08-08
              • 1970-01-01
              相关资源
              最近更新 更多