下面使用三个与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部分的页面回传并更新；
c#代码
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();
}
}
Web页面代码
<%@ 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>
c#代码
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(); }}
Web页面代码
<%@ 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>
812
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
