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" />






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