我可以创建一个不回发的 ASP.NET ImageButton 吗？

Question

我尝试仅使用 ImageButton 控件来执行客户端脚本。我可以使用 OnClientClick 属性指定要执行的客户端脚本，但如何阻止它在用户每次单击它时尝试发布？单击此按钮后没有理由发帖。我已将 CausesValidation 设置为 False，但这并不能阻止它发布。

Answer 1

我知道这个问题已经得到解答，但一个简单的解决方案是从 HTML onclick 方法（即 ASPX OnClientClick 方法）返回 false，例如

<asp:ImageButton ID="ImageNewLink" runat="server" 
 ImageUrl="~/images/Link.gif" OnClientClick="DoYourStuff(); return false;"  />

返回 false 会阻止浏览器向服务器发出请求，从而停止 .NET 回发。

Answer 2

下面是一种在不与其他控件的回发功能发生冲突的情况下实现此目的的方法：

定义您的按钮，如下所示：

<asp:Button runat="server" Text="Button" UseSubmitBehavior="false" OnClientClick="alert('my client script here');my" />

OnClientClick 处理程序中以“my”结尾的方法是为强制回发的 asp.net 的 __doPostBack 客户端事件指定别名的一种方法；我们只是通过不执行与此脚本类似的任何操作来覆盖该行为：

<script type="text/javascript">

function my__doPostBack(eventTarget, eventArgument) {
    //Just swallow the click without postback of the form
}
</script>

编辑：是的，我觉得在我需要使用一些肮脏的技巧之后我需要洗澡才能让 asp.net 做我想做的事情。

Answer 3

另一个解决方案是定义一个不执行任何操作的 PostBackUrl

<asp:imagebutton runat="server" PostBackUrl="javascript:void(0);" .../>

Answer 4

<image src="..." onclick="DoYourThing();" />

Answer 5

使用服务器端图像控件

<asp:Image runat="server" .../>

很确定您可以向其中添加客户端 onclick 事件。

Answer 6

解决方案 1

<asp:ImageButton ID="btn" runat="server" ImageUrl="~/images/yourimage.jpg"
OnClientClick="return false;"  />

或
解决方案2

<asp:ImageButton ID="btn" runat="server" ImageUrl="~/images/yourimage.jpg" 
OnClientClick="yourmethod(); return false;"  />

另外（解决方案2），您的javascript方法可能

<script type="text/javascript">
    function yourmethod() {
    __doPostBack (__EVENTTARGET,__EVENTARGUMENT); //for example __doPostBack ('idValue',3);
    }
</script>

在代码隐藏中采用这种形式

protected void Page_Load(object sender, System.EventArgs e)
{
    if (this.IsPostBack) {
        string eventTarget = this.Request("__EVENTTARGET") == null ? string.Empty : this.Request("__EVENTTARGET");
        string eventArgument = this.Request("__EVENTARGUMENT") == null ? string.Empty : this.Request("__EVENTARGUMENT");
    }
}

Answer 7

这对我来说非常有用：

使用 OnClientClick 编写脚本并使用 PostBackUrl="javascript:void(0);" 来避免回发。

<div class="close_but">
    <asp:ImageButton ID="imgbtnEChartZoomClose" runat="server" ImageUrl="images/close.png" OnClientClick="javascript:zoomclosepopup();" PostBackUrl="javascript:void(0);" />
    </div>

Answer 8

使用 OnClientClick 编写脚本和 PostBackUrl="javascript:void(0);"以避免回发