Scenario: User clicks a LinkButton in your ASP.NET page and you want to disable it immediately using javascript so that
the user cannot accidentally click it again. I wrote about disabling a regular submit button here: How to disable an ASP.NET button when clicked. But
the method described in
the other blog post does not work for disabling a LinkButton. This is because
the Post Back Event Reference is called using a snippet of javascript from within
the href of
the anchor tag: <a id="MyContrl_MyButton" href="javascript:__doPostBack('MyContrl$MyButton','')">My Button</a> If you try to add an onclick event to disable
the button, even though
the button will become disabled,
the href will still be allowed to be clicked multiple times (causing duplicate form submissions). To get around this, in addition to disabling
the button in
the onclick javascript, you can set
the href to “#” to prevent it from doing anything on
the page. You can add this to
the LinkButton from your code behind like this: MyButton.Attributes.Add("onclick", "this.href='#';this.disabled=true;" + Page.ClientScript.GetPostBackEventReference(MyButton, "").ToString()); This code adds javascript to set
the href to “#” and then disable
the button in
the onclick event of
the LinkButton by appending to
the Attributes collection of
the ASP.NET LinkButton control. Then
the Post Back Event Reference for
the button is called right after disabling
the button. Make sure you add
the Post Back Event Reference to
the onclick because now that you are changing
the anchor href,
the button still needs to perform
the original postback. With
the code
above now
the button onclick event will look something like this: onclick="this.href='#';this.disabled=true;__doPostBack('MyContrl$MyButton','');"
The anchor href is set to “#”,
the linkbutton is disabled, AND then
the button post back method is called. Technorati Tags: ASP.NET LinkButton
