AjaxControlToolkit ModalPopup 实现模态窗口

最新推荐文章于 2011-08-18 16:41:00 发布

robaot

最新推荐文章于 2011-08-18 16:41:00 发布

阅读量863

点赞数

分类专栏： javascript C#语言文章标签： button server object asp triggers function

本文链接：https://blog.csdn.net/robaot/article/details/4706371

版权

C#语言同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

javascript

5 篇文章 0 订阅

订阅专栏

Html代码：

<!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>Untitled Page</title>
    <style type="text/css">
        .aaa
        {
        background-color:#ccc;
        }
    </style>
    <script type="text/javascript">
        var styleToSelect;
        function onOk() {
           //在这里写代码
        }

        function pageLoad(sender,args) {
            $find("ModalPopupExtender1").add_showing(onModalShowing);
        }

        function onModalShowing(sender,args){
            $get("pnlViewCustomer").style.backgroundColor="yellow";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div><asp:Button ID="btnViewMore" runat="server" Text="Button"
            οnclick="btnViewMore_Click" /><asp:Button ID="Button1" runat="server"
            Text="Button" οnclick="Button1_Click" />
        <asp:Panel ID="pnlViewCustomer" runat="server">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <div style="height:200px; width:300px; background-color:#fff;">
                        <div><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
                        <asp:Button ID="viewBox_OK" runat="server" Text="Button"
                            οnclick="viewBox_OK_Click" /></div>
                    </div>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>
            <div>
        </asp:Panel>
        <act:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnViewMore" BackgroundCssClass="aaa" PopupControlID="pnlViewCustomer" OnOkScript="viewBox_OK">
        </act:ModalPopupExtender>
    </div>
    </form>
</body>
</html>

C#代码：

public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
            }
        }

        protected void btnViewMore_Click(object sender, EventArgs e)
        {

        }

        private void InitDialog()
        {
            this.Label1.Text = "aaa";
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            InitDialog();
            UpdatePanel1.Update();
            ModalPopupExtender1.Show();
        }

        protected void viewBox_OK_Click(object sender, EventArgs e)
        {
            ModalPopupExtender1.Hide();
        }
    }

robaot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AjaxControlToolkit ModalPopup 实现模态窗口

Html代码： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > Untitled Page .aaa { background-color:#ccc; }
复制链接

扫一扫