ASP.NET WebForms模式弹出窗口
问题描述:
我想知道什么是在ASP.NET WebForms应用程序中显示模式弹出窗口的最佳方式。我需要用2个按钮(确定/取消)显示模式窗口,并在我的代码中按下按钮。我应该用什么来实现它 - AjaxControlToolkit中的ModalPopupExtender,引导模式弹出窗口或jQuery UI? 我是ASP.NET WebForms的新手,所以一个源代码或教程的例子会派上用场。谢谢!ASP.NET WebForms模式弹出窗口
答
嘿使用modalpopupextender检查这个代码:
<asp:Button ID="btnOpenPopUp" runat="server" text="Open PopUp" />
<asp:Label ID="lblHidden" runat="server" Text=""></asp:Label>
<ajaxToolkit:ModalPopupExtender ID="mpePopUp" runat="server" TargetControlID="lblHidden" PopupControlID="divPopUp" BackgroundCssClass="modalBackground"></ajaxToolkit:ModalPopupExtender>
<div id="divPopUp" class="pnlBackGround">
<div id="Header" class="header" >MyHeader</div>
<div id="main" class="main">Main PopUp </div>
<div id="buttons">
<div id="DivbtnOK" class="buttonOK"><asp:Button id="btnOk" runat="server" text="Ok" /></div>
<div id="Divbtncancel" class="buttonOK"><asp:Button id="btnCancel" runat="server" text="Cancel" /></div>
</div>
</div>
然后从代码背后的按钮打开弹出窗口的Click事件:
protected void btnOpenPopUp_Click(object sender, ImageClickEventArgs e)
{
mpePopUp.Show();
}
然后就OK按钮的点击:
protected void btnOk_Click(object sender, ImageClickEventArgs e) {
//Do Work
mpePopUp.Hide(); }
开启取消点击按钮:
protected void btnCancel_Click(object sender, ImageClickEventArgs e)
{
//Do Work
mpePopUp.Hide();
}
提示:如果您没有ajax工具包,可以使用Nuget进行安装。
ModalPopupExtender很容易实现,如果你是新来的asp.net。其他需要了解jQuery的知识。 – 2014-10-03 07:04:43