使用javascript激活ajaxtoolkit弹出模式失败

Question

我正在尝试使用ajaxtoolkit激活模式弹出窗口。 我正在尝试使用javascript显示弹出窗口。 但是，javascript无法识别在动态页面中创建的所有元素，尽管看起来一切正常，并且<％= PleaseWaitPopupModal.ClientID％>已正确转换为相应面板的正确名称。

有谁知道为什么javascript函数中的x var为null？

这些代码片段位于子页面内（即，它们具有母版页，因此我被迫使用％=东西）。

function btnSendClientClick() {
    var x = document.getElementById("<%=PleaseWaitPopupModal.ClientID %>");
    x.show();



<asp:Button ID="btnSend" runat="server"
OnClientClick="btnSendClientClick()" OnClick="btnSend_Click"
CausesValidation="true" Text="send" />

<asp:Button ID="btnStam3" runat="server" Text="" Style="display: none;" />
<ajaxToolkit:ModalPopupExtender runat="server" ID="PleaseWaitPopupModal" TargetControlID="btnStam3"
    PopupControlID="pnlPleaseWait" BackgroundCssClass="modalBackground" DropShadow="false"
    RepositionMode="RepositionOnWindowScroll">
</ajaxToolkit:ModalPopupExtender>

<asp:Panel ID="pnlPleaseWait" runat="server" Style="display: none;">
    <div style="margin: auto;">
        Please wait...
    </div>
</asp:Panel>

任何帮助表示赞赏。 提前致谢。

Answer 1

使用$find()方法，如下所示：

$find('PleaseWaitPopupModal').show();

和

$find('PleaseWaitPopupModal').hide();

您可能要做的另一件事是设置一个BehaviourID：

BehaviourID="PleaseWaitPopupModal"