我确信这很容易,但我无法弄清楚:
我有一个带有一些UpdatePanels的ASP.NET页面。我希望页面完全加载UpdatePanels中的一些“请稍候”文本。然后,一旦页面完全加载,我想调用代码隐藏函数来更新UpdatePanel。
关于我需要实现这个想法的Javascript和代码隐藏组合的任何想法?
SAL
PS:我已经尝试将我的函数调用放在Page_Load中,但是在页面交付之前代码运行,因为我要运行的函数需要一些时间,所以页面只需要加载时间太长了。
答案 0 :(得分:8)
我摆弄了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;
}
}
}
因此,页面加载并且页面加载后定时器(包含在UpdatePanel中)会激活2秒(我想 - 我不确定Timer实际启动的时间是什么时候?)。标签文本被重写,然后禁用定时器以停止更新。
很简单 - 但是你可以告诉我这是一个可怕的黑客吗?
答案 1 :(得分:2)
查看ScriptManager.RegisterStartupScript
这个想法是你注册一个脚本在启动时运行(我相信一旦页面加载了)。您的脚本应该调用一个函数,通过UpdatePanel返回一个帖子
答案 2 :(得分:1)
使用定时器控件,该控件将在一定的毫秒数后触发(对于要加载的页面)。在计时器刻度事件中刷新更新面板。
答案 3 :(得分:1)
使用UpdatePanels做这样的事情而不是容易理解的东西会咬你,这只是时间问题。
答案 4 :(得分:1)
从这篇文章的第一个问题开始,我认为用户正在寻找的是在加载更新面板时向用户显示的消息。只需在UpdatePanel控件上方的页面上放置一个类似下面的UpdateProgress控件,并随意触发UpdatePanel中的事件,像往常一样放置后端代码,UpdateParogress控件中包含的内容将在UpdatePanel中加载内容正在后端处理。
<asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div class="mystyleclass">
Please Wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
不需要任何杂乱的手动javascript东西。
答案 5 :(得分:0)
ScriptManager.RegisterStartupScript允许脚本在更新面板内启动时运行。如果您使用旧的ClientScript.RegisterStartupScript,那么您呈现的脚本将超出udpate面板的边界,因此在异步页面加载期间不会执行。
答案 6 :(得分:0)
使用Tom的方法启动脚本,然后可以调用:
__ doPostBack('UpdatePanelName','');
答案 7 :(得分:0)
谢谢!