调用服务器端按钮从客户端单击 function

Question

我有一个这样的按钮：

<asp:LinkButton runat="server" ID="btnDeleteActivity" OnClientClick="return ConfirmDelete()" OnClick="btnDeleteActivity_Click">
     Delete activity
</asp:LinkButton>

还有这个 HTML：

<i class="fa fa-trash" onclick="DeleteActivity()"></i>

在 JS 我有这个：

function DeleteActivity() {
   document.getElementById('<%= btnDeleteActivity.ClientID %>').click();
}

问题是当我点击 i 元素时，它只调用按钮的 OnClientClick ，而忽略 OnClick 。 （OnClientClick里面的JS function只是一个简单的return confirm('some message')）

我试图删除 OnClientClick 并仅使用按钮上的 OnClick 进行测试，但它仍然没有调用它。 当我测试直接点击按钮时，它工作得很好。

有人知道可能是什么问题？

Answer 1

您可以更改 JavaScript function ConfirmDelete()以在i标签单击时返回true （通过设置全局变量）。

或者添加另一个不显示或不包含 JavaScript OnClick 的按钮来处理回发。

例如：

<asp:LinkButton
    style="display:none;"
    runat="server"
    ID="btnHiddenDeleteActivity" 
    OnClick="btnDeleteActivity_Click">
</asp:LinkButton>

或者，您可以只调用 PostBack

function DeleteActivity() {
   __doPostBack('<%= btnDeleteActivity.UniqueID %>','')
}