模態彈出式擴展程序不顯示彈出式菜單

我繼承了一些使用ASP模式彈出式擴展程序的代碼，並且由於某些原因，它現在決定停止工作。我在這裏錯過了什麼嗎？我現在不太流利地使用AJAX/ASP.Net，所以我正努力診斷這裏出了什麼問題。模態彈出式擴展程序不顯示彈出式菜單

所以，首先顯示的模式

function ShowModalRemoveEvent(ID, EventID, InstructorID, InstructorName) 
     { 
     alert("Hi"); 
     var modal = $find('ModalPopupExtender1'); 
     modal.show(); 
     document.getElementById("txtID").value = ID; 
     document.getElementById("txtEventID").value = EventID; 
     document.getElementById("txtInstructorID").value = InstructorID; 
     document.getElementById("txtInstructorName").value = InstructorName; 
     }

我知道這是被稱爲由於警報的JavaScript方法。所以我會假定這個標記是在找到ModalPopupExtender1或者modal.show（）這一行。

這裏是我的模態彈出擴展

<asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Conditional"> 
     <ContentTemplate> 
     <asp:Panel ID="Panel4" runat="server" Style="display: none" CssClass="ModalBackground"> 
      <table style="width: 100%" border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
        <td width="7%" class="cellAlertHeader"> 
        <img src="../../../images/Ops/window_delete.png" style="width: 18px; height: 18px" alt=""/> 
        </td> 
        <td width="93%" class="cellAlertHeader"> 
        <b>Cancel Instructor Event</b> 
        </td> 
       </tr> 
      </table> 
      <table width="100%"> 
       <tr> 
        <td width="5%"> 
        &nbsp;<td width="95%"> 
         &nbsp; 
         <asp:TextBox ID="txtID" Style="display: none" runat="server" CssClass="TextboxTitle"></asp:TextBox> 
         <asp:TextBox ID="txtEventID" Style="display: none" runat="server" CssClass="TextboxTitle"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        <asp:TextBox ID="txtInstructorID" Style="display: none" runat="server" BorderStyle="None" 
         CssClass="TextboxTitle"></asp:TextBox> 
        <asp:TextBox ID="txtInstructorName" Style="font-size: 12px" runat="server" BorderStyle="None" 
         CssClass="TextboxTitle" BorderWidth="0"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        &nbsp; 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        <asp:Label ID="Label2" runat="server" Text="Are you sure you want to remove this Event?" 
         CssClass="TextboxTitle"></asp:Label> 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        &nbsp; 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        <asp:Button ID="ButtonConfirmRemove" runat="server" Text="Confirm" CssClass="buttonshort" /> 
        <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" CssClass="buttonshort" /> 
        </td> 
       </tr> 
       <tr> 
        <td width="5%"> 
        &nbsp; 
        </td> 
        <td width="95%"> 
        &nbsp; 
        </td> 
       </tr> 
      </table> 
     </asp:Panel> 
     <asp:Button runat="server" ID="dummyButton" Style="display: none" /> 
     <cc1:ModalPopupExtender ID="ModalPopupExtender1" 
           runat="server" 
           PopupControlID="Panel4" 
           TargetControlID="dummyButton" 
           BackgroundCssClass="ModalBGOpacity" 
           CancelControlID="ButtonCancel" 
           OnCancelScript="HideModalPopup()"> 
     </cc1:ModalPopupExtender> 
     </ContentTemplate> 
     <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="dummyButton" /> 
     </Triggers> 
    </asp:UpdatePanel>

來源

2012-01-27 Purplegoldfish

也許你添加一個庫，如jQuery /原型和符號$改變工作方式。 – Aristos 2012-01-27 12:37:21

@Aristos好主意，我檢查了母版頁，除了用於模態彈出框的javascript文件 – Purplegoldfish 2012-01-27 12:54:49

之外，我們沒有包含任何庫，這裏的第二個問題是檢查模式ID如何在html代碼上呈現。是ModalPopupExtender1還是其他方式，您需要添加ModalPopupExtender1.CliendID以獲取呈現的ID。如果你在母版頁客戶端添加這個代碼，那麼這個ID現在有變化 – Aristos 2012-01-27 12:58:11

嘗試讓你控制的渲染ID，這樣的代碼。

var modal = $find('<%=ModalPopupExtender1.CliendID%>');

來源

2012-01-27 12:59:22 Aristos

模態彈出式擴展程序不顯示彈出式菜單

回答

相關問題