下面使用三个与UpadatePanel控件有着不同联系Button控件来更新存放在UpdatePanel控件的Label控件。
Button1:放在UpdatePanel,但与T rigger部分没有联系,它只会引起
UpdatePanel部分的页面回传并更新;
Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起
Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起
整个页面回传并更新;
Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起
Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起
UpdatePanel部分的页面回传并更新;
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//.定义Button3 的单击事件为UpatePanel控件AsyncPostBackTrigger
AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
trigger.ControlID = "Button3";
trigger.EventName = "Click";
UpdatePanel1.Triggers.Add(trigger);
}
protected void Button3_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
protected void Button2_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>UpdatePanel控件使用</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<div style="background-color:Gray;">
UpdatePanel控件可使部分页面更新,而不引起整个页面回传。<br />
下面使用三个与UpadatePanel控件有着不同联系Button控件来更新存放在UpdatePanel控件的Label控件。<br />
Button1:放在UpdatePanel,但与T rigger部分没有联系,它只会引起<div>
UpdatePanel部分的页面回传并更新;<br />
Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起<div>
整个页面回传并更新;<br />
Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起<div>
UpdatePanel部分的页面回传并更新;<br />
<br />
</div>
<fieldset>
<legend> UpdatePanel控件内</legend>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label" Width="102px"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</fieldset>
</div>
</div>
</div>
<asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" />
<br />
<asp:Button ID="Button3" runat="server" Text="Button3" OnClick="Button3_Click" />
</form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//.定义Button3 的单击事件为UpatePanel控件AsyncPostBackTrigger
AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
trigger.ControlID = "Button3";
trigger.EventName = "Click";
UpdatePanel1.Triggers.Add(trigger);
}
protected void Button3_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
protected void Button2_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>UpdatePanel控件使用</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<div style="background-color:Gray;">
UpdatePanel控件可使部分页面更新,而不引起整个页面回传。<br />
下面使用三个与UpadatePanel控件有着不同联系Button控件来更新存放在UpdatePanel控件的Label控件。<br />
Button1:放在UpdatePanel,但与T rigger部分没有联系,它只会引起<div>
UpdatePanel部分的页面回传并更新;<br />
Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起<div>
整个页面回传并更新;<br />
Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起<div>
UpdatePanel部分的页面回传并更新;<br />
<br />
</div>
<fieldset>
<legend> UpdatePanel控件内</legend>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label" Width="102px"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</fieldset>
</div>
</div>
</div>
<asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" />
<br />
<asp:Button ID="Button3" runat="server" Text="Button3" OnClick="Button3_Click" />
</form>
</body>
</html>