Supress Postback on an ASP.NET ImageButton

If you are looking to suppress a postback on an imagebutton, then the following code should be helpful:

ASP.NET Image Button

Using MarkUp - Observe the onClientClick event


<asp:ImageButton ID="btnShow" ImageUrl="~/Images/Show.gif" 

runat="server" OnClientClick="return false;" />



Using Code Behind:

C#


    protected void Page_Load(object sender, EventArgs e)

    {

        btnShow.Attributes.Add("onclick", "return false;");

    }



VB.NET


    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

        btnShow.Attributes.Add("onclick", "return false;")

    End Sub



HTML Image Button

To prevent postback on an HTML Image button, use the following tag:


    <input type="image" id="imgBtn" 

    onclick="return false;" src="Images/Show.gif" />



Will you give this article a +1 ? Thanks in advance


About The Author

Suprotim Agarwal
Suprotim Agarwal, Developer Technologies MVP (Microsoft Most Valuable Professional) is the founder and contributor for DevCurry, DotNetCurry and SQLServerCurry. He is the Chief Editor of a Developer Magazine called DNC Magazine. He has also authored two Books - 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook.

Follow him on twitter @suprotimagarwal.

2 comments:

Trevor said...

Thank you!

Abhilash D K said...

Hi,

I have an Image Button which when clicked should not post back and also should a code behind function which exports an excel. When I provide OnClientClick="return false;" the code behind function does not execute. How can I run the query which creates and excel without invoking PostBack.

Thanks in Advance,
Abhilash D K