ASP.NET AJAX:ページの読み込みが完了した後に UpdatePanel を起動する
-
09-06-2019 - |
質問
これは簡単だと思いますが、理解できません:
いくつかの UpdatePanel を含む ASP.NET ページがあります。ページをこうしたい 完全に UpdatePanel に「お待ちください」テキストをロードします。ページが完成したら、 完全にロードされました コードビハインド関数を呼び出して UpdatePanel を更新したいと考えています。
このアイデアを実装するには、JavaScript とコードビハインドのどのような組み合わせが必要かについて何かアイデアはありますか?
SAL
追伸:関数呼び出しを Page_Load に入れようとしましたが、コードが実行されます 前に ページは配信されますが、実行したい機能には時間がかかるため、ページの読み込みに時間がかかりすぎます。
解決
特定のミリ秒数 (ページが読み込まれるまで) 後に起動されるタイマー コントロールを使用します。タイマー ティック イベントで、更新パネルを更新します。
他のヒント
私は 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;
}
}
}
したがって、ページがロードされ、ページがロードされてから 2 秒後にタイマー (UpdatePanel 内に含まれる) が起動します (タイマーが実際にいつ開始されるかはわかりませんが?)。ラベルのテキストが書き換えられた後、タイマーが無効になり、それ以上の更新が停止されます。
とてもシンプルですが、純粋主義者の皆さん、これが恐ろしいハックかどうか教えていただけますか?
見て ScriptManager.RegisterStartupScript
アイデアは、起動時に実行するスクリプトを登録することです (ページが読み込まれた後だと思います)。スクリプトは、UpdatePanel を通じてポストバックを引き起こす関数を呼び出す必要があります。
わかりやすいものではなく、UpdatePanels を使用してこのようなことを行うと、刺さるでしょう。それはいつかの問題です。
この投稿の最初の質問から、ユーザーが探しているのは、更新パネルの読み込み中にユーザーに表示されるメッセージだと思います。以下のような UpdateProgress コントロールをページの UpdatePanel コントロールのすぐ上に配置し、UpdatePanel で自由にイベントをトリガーし、通常どおりバックエンド コードを配置します。UpdateProgress コントロール内に含まれるものはすべて、UpdatePanel の読み込み中に読み込まれます。コンテンツはバックエンドで処理されています。
<asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div class="mystyleclass">
Please Wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
煩雑な手動の JavaScript 作業は必要ありません。
ScriptManager.RegisterStartupScript を使用すると、更新パネル内で起動時にスクリプトを実行できます。古い ClientScript.RegisterStartupScript を使用する場合、レンダリングするスクリプトは更新パネルの境界外になるため、非同期ページの読み込み中に実行されません。
Tom のアプローチを起動スクリプトで使用すると、次のように呼び出すことができます。
__doPostBack('UpdatePanelName', '');
親指を立てて、SAL と他の皆さんに感謝します。これにより、ページが最終的にレンダリングされて表示されるまでに最大 1 分かかるという私が抱えていた大きな問題が解決されました。
ありがとう!