IE 8上ModalPopupExtender的Popup上的按钮不起作用

问题描述

我正在使用ajax ModalPopupExtender.ModalPopupExtender的弹出窗口显示在IE 8中，但它锁定了整个屏幕，并且我在弹出窗口上使用的按钮也显示为禁用.这是我正在使用的代码:

i am using ajax ModalPopupExtender.The popup of ModalPopupExtender is showing up in IE 8 but it locks the entire screen and the button that i have used on the popup are also displaying disabled.Here is the code i am using:

<asp:Panel ID="MPanel" runat="server" Style="display: none">
     <table class="mainModalTable" cellpadding="0" cellspacing="0">
          <tr>
               <td class="mainModaTableTD">
                    <table class="mainModalInnerTable" cellspacing="0" cellpadding="0">
                         <tr>
                              <td class="mainModalInnerTableTD">
                                   <table border="0" width="100%" cellspacing="0" cellpadding="4">
                                        <tr>
                                             <td class="mainModalDraggablePanelTD">
                                                  <asp:Panel CssClass="mainModalDraggablePanel" ID="MPD" runat="server">
                                                       <span class="mainModalTitle" id="spanTitle" text=""></span>
                                                  </asp:Panel>
                                             </td>
                                             <td align="right" class="mainModalDraggablePanelCloseTD">
                                                  <asp:ImageButton SkinID="CloseModal" runat="server" ID="clB" Width="8" Height="7"

                                                       ImageUrl="../Images/ModalPopup/close.gif" />
                                             </td>
                                        </tr>
                                        <tr>
                                             <td style="text-align: center" class="mainModalContentsTD" colspan="2">
                                                  <div id="mainModalContents">
                                                  </div>
                                             </td>
                                        </tr>
                                        <tr>
                                             <td class="mainModalContentsTD" align="center" colspan="2">
                                                  <input type="button" value="Yes" onclick="mainScreen.SubmitConfirm();" class="btn btnYes" />
                                                  &nbsp;
                                                  <input type="button" value="No" onclick="mainScreen.CancelConfirm();" class="btn btnCancel" />
                                             </td>
                                        </tr>
                                   </table>
                              </td>
                         </tr>
                    </table>
               </td>
          </tr>
     </table>
</asp:Panel>
<ajaxtoolkit:modalpopupextender id="mpeModal" runat="server" popupcontrolid="MPanel"

     targetcontrolid="btnHid" behaviorid="mbMain" backgroundcssclass="modalBackground"

     cancelcontrolid="clB" oncancelscript="mainScreen.CancelConfirm();" dropshadow="true" />
<asp:Button runat="server" ID="btnHid" Style="display: none;" />

推荐答案

<cc1:ModalPopupExtender ID="ModalPopupExtender1"  runat="server" TargetControlID="btn_add" PopupControlID="pnl_popup" CancelControlID="btn_close">
</cc1:ModalPopupExtender>

<asp:button id="btn_add" cssclass="button" runat="server" width="70px" text="Add" onclick="btn_add_Click">
</asp:button>
// In Click Event Write --ModalPopupExtender1.Show();
<asp:button id="btn_close" cssclass="button" runat="server" width="70px" text="Add" onclick="btn_close_Click">
</asp:button>
// In Click Event Write --ModalPopupExtender1.Hide();

<asp:panel id="pnl_popup" runat="server">
//YOUR HTML CODE
</asp:panel>

这篇关于IE 8上ModalPopupExtender的Popup上的按钮不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！