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;
       
    }
}

时间: 2024-11-18 10:28:29

ModalPopupExtender用法示例的相关文章

html 中 #include file 的用法示例介绍

 html 中 #include file 的用法示例介绍 有两个文件a.htm和b.htm,在同一目录下a.htm内容如下 代码如下: <!-- #include file="b.htm" --> b.htm内容如下 今天:雨 31 ℃-26 ℃ <br />明天:雷阵雨 33 ℃-27 ℃ 直接在浏览器中打开a,没有任何显示,后来知道,include是SSI(Server Side Include),在html中不支持include,之后把a.htm改成a.

mysql存储过程BEGIN END复合语句用法示例

  mysql存储过程BEGIN END复合语句用法示例 begin_label:] BEGIN [statement_list] END [end_label] 存储子程序可以使用BEGIN ... END复合语句来包含多个语句.statement_list 代表一个或多个语句的列表.statement_list之内每个语句都必须用分号(;)来结尾. 复合语句可以被标记.除非begin_label存在,否则end_label不能被给出,并且如果二者都存在,他们必须是同样的. 请注意,可选的[N

JavaScript Sort 的一个错误用法示例

 这篇文章主要介绍了JavaScript Sort 的一个错误用法示例,本文分析了一个Sort实例得到了这个错误用法并给出了解决方法,需要的朋友可以参考下     前不久同事的代码中出了一个很神奇的问题,大致流程是对一个由对象组成的数组进行排序,其中属性 a 用于排序,属性 b 作为一个优选条件,当 b 等于 1 的时候无论 a 值是什么,都排在开头 .这本是一个很简单的问题,问题就在于他用两次 sort 实现在这次排序,先根据 a 的属性排序,然后再根据 b 的值来排序.问题就出在第二次排序中

JS实现的图片预览插件与用法示例【不上传图片】_javascript技巧

本文实例讲述了JS实现不需要上传的图片预览插件与用法.分享给大家供大家参考,具体如下: 小小的几十行代码,很牛逼,很实用. 支持多个图片的预览,只要new多个对象就行了. html如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns

PHP单态模式简单用法示例_php技巧

本文实例讲述了PHP单态模式简单用法.分享给大家供大家参考,具体如下: 单态类就是只能实例化一次的类 <?php /* 作者 : shyhero */ class Demo{ private static $ob=null; private $name; private $age; private function __construct(){ } public static function makeOb(){ var_dump($a); if(self::$ob == null){ $c =

Fleaphp常见函数功能与用法示例_php实例

本文实例讲述了Fleaphp常见函数功能与用法.分享给大家供大家参考,具体如下: 1. FLEA_Db_TableDataGateway::update()用法: 例如:修改一条 uid=22 的记录, name字段改成"11", pass字段改成"22",就要这样写: $data = array('uid'=>22,'name'=>11,'pass'=>22); $table->update($data); 2. FLEA_Db_Table

Yii2单元测试用法示例_php实例

本文实例讲述了Yii2单元测试用法.分享给大家供大家参考,具体如下: 使用composer方式安装yii2-app-basic (https://github.com/yiisoft/yii2-app-basic/blob/master/README.md) 装好后既可以使用 建一个Model文件EntryForm.php在models目录下 <?php namespace app\models; use Yii; use yii\base\Model; class EntryForm exte

PHP实现的简单分页类及用法示例_php技巧

本文实例讲述了PHP实现的简单分页类及用法.分享给大家供大家参考,具体如下: <?php /* * 使用: * $page = new Page(连接符,查询语句,当前页码,每页大小,页码符) * 连接符:一个MYSQL连接标识符,如果该参数留空,则使用最近一个连接 * 查询语句:SQL语句 * 当前页码:指定当前是第几页 * 每页大小:每页显示的记录数 * 页码符:指定当前页面URL格式 * * 使用例子: * $sql = "select * from aa"; * $pag

SAE实时日志接口SDK用法示例_php技巧

本文实例讲述了SAE实时日志接口SDK用法.分享给大家供大家参考,具体如下: 新浪SAE是新浪研发中心开发的国内首个公有云平台,从2009年开始到现在也是也来越成熟,开放了很多接口以及服务供开发者使用.这次为了方便开发者调试分析,SAE新增实时日志查询接口.今后您可以通过API对日志信息进行筛选,并下载所需的实时日志.但是新浪SAE官方只给出的Python的实现,这里给出PHP版本的接口调用SDK class SaeApiHandler{ /** * 定义accessKey */ private