ModalPopupExtender用法示例

最新推荐文章于 2013-01-06 01:36:49 发布

菩提树下的杨过

最新推荐文章于 2013-01-06 01:36:49 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： .Net/C#/APSX 文章标签： asp server textbox border button object

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/yjmyzz/article/details/2198323

.Net/C#/APSX 专栏收录该内容

78 篇文章

订阅专栏

本文介绍了一个使用 ASP.NET AJAX 控件 ModalPopupExtender 的简单示例。该示例展示了如何创建一个弹窗对话框，包含输入框及按钮，并通过后端 C# 代码实现按钮点击事件来更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;

}

}

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。