為什么 ModalPopupExtender 不通過 javascript 顯示？

Question

我遵循了幾個 web 資源來了解如何從客戶端顯示彈出窗口，我制作了以下代碼：

<asp:ImageButton runat="server" ID="btnOk" ImageUrl="imagens/btnAlterar.gif" OnClientClick="btnOkClick()" />

<asp:LinkButton runat="server" ID="dummyForPopup" Visible="false"/>

<ajaxToolKit:ModalPopupExtender runat="server" BehaviorID="btnOkPopupBehavior" ID="MPXtender" TargetControlID="dummyForPopup"  PopupControlID="pnlUpdateUserModal" BackgroundCssClass="modalBackground" OkControlID="btnCloseRequestUserUpdate" OnOkScript="userUpdReq_onOk()" />


function btnOkClick()
{
    if(validateAll())
    {
        var behavior = $find('btnOkPopupBehavior');
        if (behavior)
        {
            behavior.show();
        }
        else
        {
            var lblOutput = $get('<%= lblOutput .ClientID %>');
            lblOutput .innerText = 'Couldn't find popup';
        }
    }
}

以前我將模態彈出窗口鏈接到確定按鈕，它工作得很好。 現在我需要在打開彈出窗口之前進行一些驗證，並且此代碼不再起作用 =/

Answer 1

1) 您的虛擬按鈕必須可見 = true，否則 javascript 無法正常工作。 所以設置 visible = true 但使用 css 顯示 none：

 <asp:LinkButton runat="server"
 ID="dummyForPopup" style
 ="display:none" Visible="true" />

2) lblOutput.innerText = '找不到彈出窗口'; 是 javascript 錯誤。 您需要將其更改為：“找不到彈出窗口”； （或使用' ）

3) OnClientClick="btnOkClick()" 應該說： OnClientClick="btnOkClick(); return false;"

4) 在您的頁面上查找任何其他 javascript 錯誤，因為這些錯誤會阻止彈出窗口正常工作。