How to avoid page refresh after button click event in asp.net/vb.net

Question

In the following code when I click on my Clear_Button my OnClick event refreshes my page and I don't want that to happen. How can I prevent this from happening?

<dx:ASPxButton ID="Clear_Button" runat="server" AutoPostBack="false" CssClass="bordered-orange roundCorners toRight toMiddle" Text="Clear" Width="18%" Theme="Metropolis">
</dx:ASPxButton>

My Event :

Protected Sub Clear_Button_Click(sender As Object, e As EventArgs)

    Author.Items.Clear()

End Sub

Thank you in advance for your answers

Answer 1

event.preventDefault(); will work

Answer 2

Try to use in frontend like javascript to clearing your data or refreshing your page without postback <asp:Button ID="Clear_Button" runat="server" CssClass="bordered-orange roundCorners toRight toMiddle" Text="Clear" Width="18%" Theme="Metropolis" OnClientClick="return resetButtonClick();"Text="Reset" /> <script type="text/javascript"> function resetButtonClick() { $("#<%= txt1.ClientID %>").val("");$("#<%= txt2.ClientID %>").val(""); return false;}</script> <script type="text/javascript"> function resetButtonClick() { $("#<%= txt1.ClientID %>").val("");$("#<%= txt2.ClientID %>").val(""); return false;}</script>

Answer 3

To prevent refresh, you can use:

<dx:ASPxButton ...     OnClientClick="return false;" >
</dx:ASPxButton>

Answer 4

thank you for your answers !

I managed to make it work thanks to the <asp:updatepanel> element which allows not to refresh the page