单击按钮后如何避免页面刷新

Question

这个问题我已经问了 3 天了，但我找不到真正的答案。我希望如果我单击一个按钮，代码将运行而不是刷新所有页面。例如：

ASPX代码

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="New" OnClick="ASPxButton1_Click"></dx:ASPxButton>
<dx:ASPxButton ID="ASPxButton2" runat="server" Text="Delete"></dx:ASPxButton>

CS 码

protected void ASPxButton1_Click(object sender, EventArgs e) //new button
{
    ASPxButton2.Enabled = false;
}

这基本上就是我想做的。点击新建按钮，不刷新所有页面，将删除按钮设置为false。

我尝试了什么：

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="New" OnClick="ASPxButton1_Click" onclientClick=" return false;"></dx:ASPxButton>
<asp:button ID="Button1" runat="server" Text="New" OnClick="Button1_Click" onclientClick=" return false;"></asp:button>
<asp:button ID="Button1" runat="server" Text="New" OnClick="Button1_Click"></asp:button>
<asp:button ID="Button1" runat="server" Text="New" OnClientClick="DisableButton(); return false; "></asp:button>

function DisableButton() {
  document.getElementById("<%= ASPxButton2.ClientID %>").click();
}

也尝试过 UpdatePanel，但我使用 MasterPage，这就是它不起作用的原因。

Answer 1

你应该使用event.preventDefault() Javascript Function

这是一个例子。

function DisableButton(event){
  event.preventDefault();
}

<a href="www.google.it">This goes to google!</a>
<a OnClick="DisableButton(event)" href="http://www.google.it">And this one don't!</a>

Answer 2

将 AutoPostBack="false" 放在您的 ASPxButton1 上。默认为真。

<dx:ASPxButton ID="ASPxButton1" AutoPostBack="false" runat="server" Text="New" OnClick="ASPxButton1_Click">
</dx:ASPxButton>
<dx:ASPxButton ID="ASPxButton2" runat="server" Text="Delete"></dx:ASPxButton>

单击按钮后如何避免页面刷新

How to avoid page refreshing after button click

javascript

asp.net

devexpress

button

web