9

我确定这很容易，但我无法弄清楚：

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

关于实现这个想法需要什么 Javascript 和代码隐藏的组合的任何想法？

萨尔瓦多

PS：我尝试将我的函数调用放在 Page_Load 中，但是代码在页面交付之前运行，并且由于我要运行的函数需要一些时间，所以页面加载时间太长。

4

8 回答 8

8

我摆弄了 ScriptManager 的建议——我认为我最终会开始工作，但在我看来，Timer 的想法更容易实现，而且并不是真的（！）那么大的黑客？！

这是我在初始页面渲染完成后更新面板的方式...

默认.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 何时实际启动？）。标签文本被重写，然后定时器被禁用以停止任何更新。

很简单——但是你能告诉我这是否是一个可怕的黑客吗？

于 2008-08-28T19:16:41.803 回答
2

看看ScriptManager.RegisterStartupScript

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

于 2008-08-28T10:23:33.677 回答
1

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

于 2008-08-28T16:49:36.197 回答
1

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

于 2009-05-19T10:20:51.197 回答
1

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

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

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

于 2009-07-03T12:41:21.590 回答
0

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

于 2008-08-28T11:47:41.350 回答
0

使用 Tom 的方法和启动脚本，您可以调用：

__doPostBack('UpdatePanelName', '');

于 2008-08-28T12:24:09.517 回答
0

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

谢谢！

于 2009-05-19T08:05:21.157 回答