ModalPopupExtender 在 aspx 中不显示

Question

我尝试在我的ASPX页面中设计一个弹出窗口。问题是页面被重新加载并且弹出窗口没有显示！

这是代码

.aspx

<asp:ScriptManager ID="ScriptManager2" runat="server"></asp:ScriptManager>
<asp:Label ID="popuplbl" runat="server"></asp:Label>
<cc1:ModalPopupExtender ID="mpe" PopupControlID="panel1" TargetControlID="popuplbl" CancelControlID="cancelbtn" runat="server"></cc1:ModalPopupExtender>
<asp:Panel ID="panet1" class="modal fade in" runat="server">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" aria-hidden="true" type="button" data-dismiss="modal"></button>
<h4 class="modal-title">New Study Design</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<h4>Some Input</h4>
<p><input class="col-md-12 form-control" type="text"> </p>
<p><input class="col-md-12 form-control" type="text"> </p>
</div>
</div>
</div>
<div class="modal-footer">
<button id="cancelbtn" class="btn default" type="button" data-dismiss="modal">Cancel</button>
<button class="btn blue" type="button">Add</button>
</div>
</div>
</div>
</asp:Panel>

<button runat="server" id="AddNew_StudyDesign" class="btn sbold green" title="Add New Study Design" style="width:200px" onserverclick="AddNew_StudyDesign_Click" >
Add New Study Design <i class="fa fa-plus"></i>
</button>

C#

protected void AddNew_StudyDesign_Click(object sender, System.EventArgs e)
{
mpe.Show();
}

我尝试使用"ToolkitScriptManager"，但不知道！

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<cc1:ToolkitScriptManager ID="ScriptManager1" runat="server" />

Answer 1

我可以看到一个问题，

替换 ModalPopupExtender 中的PopupControlID属性 ，

PopupControlID="panel1"

自

PopupControlID="panet1"

面板 ID 是窗格 1，而不是面板 1。

此外，面板应具有显示样式 none (style="display:none;"(，但您可以根据自己的要求保留。