关于 javascript:ASP.NET AJAX: 页面加载完成后触发 UpdatePanel

关于 javascript:ASP.NET AJAX: 页面加载完成后触发 UpdatePanel

ASP.NET AJAX: Firing an UpdatePanel after the page load is complete

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

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

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

SAL

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


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

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

default.aspx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
    %@ 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"
    titleUntitled Page/title
/head
body
    form id="form1" runat="server"
    h2And 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后面的代码为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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 何时真正启动?)。标签文本被重写,然后定时器被禁用以停止任何更新。

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


看看 ScriptManager.RegisterStartupScript

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

进行回发


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

1
2
3
4
5
6
7
asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" ID="UpdateProgress1" runat="server"
  ProgressTemplate
    div class="mystyleclass"
      Please Wait...
    /div
  /ProgressTemplate
/asp:UpdateProgress

不需要任何杂乱无章的手动 javascript 东西。


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


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


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

谢谢!


在启动脚本中使用 Tom\\'s 方法,然后您可以调用:

__doPostBack('UpdatePanelName', '');


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


推荐阅读