ModalPopupExtender не отображается в aspx - PullRequest
Новая
       16

ModalPopupExtender не отображается в aspx

0 голосов
/ 03 октября 2018

Я пытаюсь создать всплывающее окно на моей странице 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" />

1 Ответ

0 голосов
/ 03 октября 2018

Я вижу одну проблему,

Заменить атрибут PopupControlID в ModalPopupExtender,

PopupControlID="panel1"

К

PopupControlID="panet1"

Идентификатор панели - panet1, а не panel1.

Кроме того, Panel должна иметь стиль отображения none (style="display:none;"), но вы можете сохранить ее в соответствии со своими требованиями.

...