0

page_load の間、タイマーを無効にします。Button1 を押すと、タイマーが有効になりますが、ページが更新されます。したがって、timer_tick1 に達することはありません。ボタンがクリックされてから一定時間後にポップアップを表示する必要があります。更新が行われないようにするにはどうすればよいですか?

アラート クラス

public static class Alert
{
    public static void Show(string message, Page page)
    {   

        // replaces the quotations to follow the script syntax
        // quotations are interpretated as \\' in script code
        string cleanMessage = message.Replace("'", "\\'");

        string script = "<script type=\"text/javascript\">alert('" + cleanMessage + "');</script>";

        // Gets the executing web page
        Page tempPage = page;

        // Checks if the handler is a Page and that the script isn't already on the page

        if (tempPage != null & !tempPage.ClientScript.IsClientScriptBlockRegistered("alert"))
        {
            tempPage.ClientScript.RegisterClientScriptBlock(typeof(Alert), "alert", script); // this isn't working, but it works on a button click event.
        }
    }
}

ページ クラス

public partial class Test1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostback) {
        Timer1.Enabled = false;
        Label2.Text = "Panel refreshed at: " +
          DateTime.Now.ToLongTimeString(); // Checks if page reloads
        }
    }

    protected void Timer1_Tick(object sender, EventArgs e)
    {   // i added a breakpoint here. It doesn't even pass through. 

        Alert.Show("hehehehe", this); //PopUp Shows up. 
        Timer1.Enabled = false; //Cancels Timer
        Label1.Text = "Panel refreshed at: " +
        DateTime.Now.ToLongTimeString(); // Checks if update panel reloads


    }


    protected void Button1_Click1(object sender, EventArgs e)
    {
        Timer1.Enabled = true; //Starts Timer. It seems to refresh the page. 
    }
}

脚本

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test1.aspx.cs" Inherits="Test1" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<!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">

<script type="text/javascript">

               function delayer() {
        setTimeout (function () {ShowPopUp()}, 15000); 
    }
    delayer();
</script>
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
        </div>
        &nbsp; &nbsp;
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
            </Triggers>
            <ContentTemplate>
                <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="1000" Enabled="true">
                </asp:Timer>
                &nbsp;
                <asp:Label ID="Label1" runat="server" Text="PanelNotRefreshedYet"></asp:Label>&nbsp;&nbsp;
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>&nbsp;&nbsp;&nbsp;
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="ShowPopUp();" />
    </form>
</body>
</html>
4

3 に答える 3

0

私はあなたが混乱していると思います。Timer1 はサーバー側のコントロールです。したがって、ページをまだ処理している場合、つまり、クライアント側には影響を与えない場合、サーバー側で起動します。コードで起動するまでに、ページはおそらく既にレンダリングされているため、Timer1 オブジェクトの Timer1_Tick イベントによる影響は見られません。ページのレンダリングが完了したため、新しい JavaScript を挿入したり、ページを変更したりすることはできません。Web 開発は切り離されたものであることを忘れないでください。リクエストを送信すると、レスポンスが返ってきます。Web の性質上、イベントはありません。イベントなどをトリガーするためのライブラリがありますが、それはあなたが達成しようとしているものをはるかに超えていると思います.

クライアント側の「タイマー」については、JavaScript setTimeout メソッドを使用する必要があります。これは、動作していることを確認済みであり、実装しようとしている遅延を達成するための適切な方法です。

setTimeout (function () {ShowPopUp()}, 15000);

それでも Alert クラスでそれを行いたい場合は、Timer1 を取り除き、Alert クラスに JavaScript でタイムアウトを挿入させます。

protected void Button1_Click1(object sender, EventArgs e)
{
    Alert.Show("He heee", this);
}

Alert で、スクリプトを次のように変更します。

string script = "<script type=\"text/javascript\">setTimeout(function() {alert('" + cleanMessage + "');}, 15000);</script>";
于 2013-07-09T15:15:46.127 に答える