ajax 和 asp.net OnClick 冲突

Question

我甚至在图像按钮上也有一个 OnClick，还有一个 AJAX modualPopupExtender（来自 ajax 工具包），我遇到的问题是，当我让 ModalPopupExtender 作用于图像按钮时，它不会触发 imageButton 上的 onClick 事件我的代码：

<ItemTemplate>
                    <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel"
                        TargetControlID="Image1" PopupControlID="Panel1" BackgroundCssClass="ModalPopupBG">
                    </asp:ModalPopupExtender>
                    <asp:ImageButton ID="Image1" OnClick="ImageButton_Click" runat="server" ImageUrl="~/images/Upload-icon.png" />
                </ItemTemplate>

当我有此代码时，面板会弹出但不会触发 onClick 事件，如果我取出 ajax 扩展器它会触发 onclick 事件，它们有什么办法我可以同时拥有吗？

提前致谢。

Answer 1

添加另一个带有 CSS 类的按钮，这样它就不会显示在页面上（或者 style="display:none;" 不要使用 visible=false，否则它将不起作用）。

然后让你的 Modal Popup Extender 的 TargetControlID 成为你的假按钮。

现在您可以在后面的代码中正常处理 ImageButton 的 Click 事件，在完成您想要的代码后，调用

ModalPopupExtender1.Show()

显示弹出窗口。