ModalPopupExtender用法示例

aspx页面

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

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

*{padding:0;margin:0;font-size:12px;}

.modalBackground

{

background-color:#ccc;

filter:alpha(opacity=70);

opacity:0.7;

}

.modalPopup

{

background-color:#ffffdd;

border-3px;

border-style:solid;

border-color:Gray;

padding:3px;

250px;

}

</style>

</head>

<body>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:Panel ID="Panel1" runat="server" >

Please Input Your Name：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:Button ID="btnAgree" runat="server" Text="Agree"

onclick="btnAgree_Click" style="display:none"/>

<asp:Button ID="Button1" runat="server" Text="Button1"

onclick="btnAgree_Click" />

<asp:Button ID="btnCancel" runat="server" Text="Cancel" />

</div>

</asp:Panel>

<cc1:ModalPopupExtender ID="Panel1_ModalPopupExtender" runat="server"

BackgroundCssClass="modalBackground"

Enabled="True"

TargetControlID="LinkButton1"

PopupControlID = "Panel1"

OkControlID = "btnAgree"

CancelControlID = "btnCancel"

DropShadow="true"

</cc1:ModalPopupExtender>

<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>

</form>

</body>

</html>

后端cs内容:

using System;

using System.Data;

using System.Data.SqlClient;

using System.Configuration;

using System.Collections;

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 Test_Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnAgree_Click(object sender, EventArgs e)

{

LinkButton1.Text = this.TextBox1.Text;

}

作者：菩提树下的杨过
出处：http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。