ModalPopupExtender的用法:

最新推荐文章于 2016-08-19 18:43:15 发布

原创最新推荐文章于 2016-08-19 18:43:15 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#server #asp #button #filter #div

本文介绍ASP.NET中ModalPopupExtender控件的使用方法，包括如何设置目标控件、弹出面板、背景样式等属性，实现弹出模式窗口的功能。

ModalPopupExtender的用法： <title>模式窗体</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.ModalBackground { background-color:#6699cc; filter:alpha(opacity=70); } </style> -------------------------------------------------------------------------------- <body style="font-size:13px;" mce_style="font-size:13px;"> <form id="form1" runat="server"> <div align="center"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:Panel ID="Panel1" runat="server"> </asp:Panel> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:LinkButton ID="LinkButton2" runat="server">点击弹出模式窗体</asp:LinkButton> <%--ModalPopupExtender所用的Panel--%> <asp:Panel ID="panModal" runat="server" Height="200px" Width="300px" BackColor="White" HorizontalAlign="Center" BorderColor="DarkTurquoise" BorderWidth="3px"> <asp:Button ID="btnOK" runat="server" Text="OK" onclick="btnOK_Click" /> <asp:Button ID="btnClose" runat="server" Text="Close" /> </asp:Panel> <%--ModalPopupExtender的用法： TargetControlID是指：ModalPopupExtender的目标控件ID OkControlID是指：控件的ID 这里指 btnOK CancelControlID是指：指取消 PopupControlID是指：panel BackgroundCssClass 指模式空间的背景颜色 DropShadow是指是否留下阴影 Drag是指是否支持拖拽 PopupDragHandleControlID是指可拖拽的控件ID--%> <cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="LinkButton2" OkControlID="btnOk" CancelControlID="btnClose" PopupControlID="panModal" BackgroundCssClass="ModalBackground" Drag="false"> </cc1:ModalPopupExtender> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>