How to prevent page reload on asp.net LinkButton OnClick function

Question

I'm using the <asp:LinkButton />’s OnClick function on the server side to fetch data. I'm using OnClientClick to open a popup and populate data. But the page refreshes when I click the button. Please see the attached code and help me to fix the issue.

<asp:LinkButton ID="lnkEdit_Bill" runat="server" CssClass="lnkAddressButton" OnClientClick="javascript:ShowDialog_Both_New('Invoice','edit');" OnClick="lnkEdit_Bill_Click_new" >Edit</asp:LinkButton>

StackOverflow is not a code writing service. You need to write some code and if you get stuck, post the code and explain where you got stuck. Also, pretty sure this has been asked before. Search. — wazz
– wazz, Commented May 11, 2020 at 7:36
Obviously i posted this after i got stuck, and my statement clears what the issue is, if you've any solution provide me, i've tried different solutions but all in vain :) — Muhammad Irfan
– Muhammad Irfan, Commented May 11, 2020 at 8:20
So do you want to open dialog first, then call lnkEdit_Bill_Click_new right? — Selim Yildiz
– Selim Yildiz, Commented May 14, 2020 at 8:35

erastl · Accepted Answer · 2020-05-11 15:47:54Z

2

Google event.preventDefault(), I believe i've used that previously to prevent a postback. Also remove the OnClick, if that's not what you want, and just use OnClientClick.

answered May 11, 2020 at 15:47

erastl

4114 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mjb · Accepted Answer · 2022-01-21 00:48:29Z

1

Bro, if you don't want the postback, just fire the javascript. and you definitely don't need the server control. which you can present your code as below:

<a href="#" onclick="ShowDialog_Both_New('Invoice','edit'); return false;">Edit</a>

Let's says if you still insist want to user ASP.NET server control of LinkButton, then you can do something like this:

<asp:LinkButton ID="lnkEdit_Bill" runat="server" CssClass="lnkAddressButton"
OnClientClick="ShowDialog_Both_New('Invoice','edit'); return false;" >
Edit
</asp:LinkButton>

edited Jan 21, 2022 at 0:48

answered May 15, 2020 at 15:55

mjb

8,0199 gold badges51 silver badges64 bronze badges

Collectives™ on Stack Overflow

How to prevent page reload on asp.net LinkButton OnClick function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related