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">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
    *{padding:0;margin:0;font-size:12px;}
    .modalBackground     
    {
        background-color:#ccc;    
        filter:alpha(opacity=70);    
        opacity:0.7;
    }
    .modalPopup 
    {    
        background-color:#ffffdd;    
        border-width:3px;    
        border-style:solid;    
        border-color:Gray;    
        padding:3px;    
        width:250px;
    }   
    </style>
</head>
<body>
    <form id="form1" runat="server">
    
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager> 
    
    <asp:Panel ID="Panel1" runat="server" >
        <div class="modalPopup">
            Please Input Your Name：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <br /><br/>
            <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;
       
    }
}