ModalPopupExtender

Question

我必须创建ModalPopupExtender。为此，我创建了一个简单的应用程序和我所有的期望wrok。但是当我在母版页中添加弹出窗口时，它不工作，我如何解决这个问题？

我的弹出窗口

<asp:Button ID="Button1" runat="server" Text="Click here to show iframe in modalpopup" />
      <asp:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
         runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="Button1"
         PopupControlID="Panel1" Drag="true" PopupDragHandleControlID="PopupHeader">
      </asp:ModalPopupExtender>
      <div id="Panel1" style="display: none;" class="popupConfirmation">
         <iframe id="frameeditexpanse" frameborder="0" src="InnerPage.aspx" height="161">
         </iframe>
         <div class="popup_Buttons" style="display: none">
            <input id="btnOkay" value="Done" type="button" />
            <input id="btnCancel" value="Cancel" type="button" />
         </div>
      </div>

我在InnerPage.aspx中的脚本

<script language="javascript" type="text/javascript">
      function okay() {
         window.parent.document.getElementById('btnOkay').click();
      }
      function cancel() {
         window.parent.document.getElementById('btnCancel').click();
      }
   </script>

Answer 1

将此脚本与扩展程序放在同一页上

<script type="text/javascript">
    function clickOk() {
        $get("<%= btnOkay.ClientID %>").click();
    }

    function clickCancel() {
        $get("<%= btnCancel.ClientID %>").click();
    }
</script>

使用parent.window.clickOk()和parent.window.clickCancel()代替parent.window.document.getElementById().click()