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
