ASP.NET AJAX --- UpdatePanelコントロールの小さなインスタンス（時間の部分的な更新と条件付きの更新）

①.aspxファイル

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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 id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                <asp:Button ID="Button1" runat="server" Text="按钮1" OnClick="Button1_Click" />
                <asp:Button ID="Button2" runat="server" Text="按钮2" OnClick="Button2_Click" />
                <asp:Button ID="Button3" runat="server" Text="按钮3" OnClick="Button3_Click" />
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
                <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <asp:Button ID="Button4" runat="server" Text="按钮4" OnClick="Button4_Click" />
    </div>
    </form>
</body>
</html>

②.aspx.csファイル（舞台裏）

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
   
   //IsPostBack：若页面是首次加载，属性值为false
            Label1.Text = "页面加载时间：" + DateTime.Now.ToString();
            Label2.Text = "页面加载时间：" + DateTime.Now.ToString();
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "页面加载时间：" + DateTime.Now.ToString();
        Label2.Text = "页面加载时间：" + DateTime.Now.ToString();
    }

    protected void Button2_Click(object sender, EventArgs e)
    {
        Label1.Text = "页面加载时间：" + DateTime.Now.ToString();
        Label2.Text = "页面加载时间：" + DateTime.Now.ToString();
    }

    protected void Button3_Click(object sender, EventArgs e)
    {
   
   //触发器的设置阻断了“按钮3”的Click事件，实现了UpdatePanel的有条件更新（因此点击“按钮3”的时候不更新时间）
        Label1.Text = "页面加载时间：" + DateTime.Now.ToString();
        Label2.Text = "页面加载时间：" + DateTime.Now.ToString();
    }

    protected void Button4_Click(object sender, EventArgs e)
    {
        Label1.Text = "页面加载时间：" + DateTime.Now.ToString();
        Label2.Text = "页面加载时间：" + DateTime.Now.ToString();
    }
}

③効果図を図に示します
ここに画像の説明を挿入
。④説明：
Ⅰ。ボタン1とボタン2をクリックすると、ページを更新せずに時刻のみを更新します。
Ⅱ。ボタン3をクリックしても応答しません（トリガー設定により「ボタン3」のClickイベントがブロックされ、UpdatePanelの条件付き更新が実現さ
れます）Ⅲ。ボタン4をクリックすると、時刻が更新されるだけでなく、ページが更新されます。
Ⅳ.ScriptManagerコントロールとUpdatePanelコントロールが連携して、JavaScriptコードを記述せずに、ページの部分的な更新と条件付きの更新を実現します。

ASP.NET AJAX --- UpdatePanelコントロールの小さなインスタンス（時間の部分的な更新と条件付きの更新）

おすすめ