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

【问题标题】：How to avoid page refreshing after button click单击按钮后如何避免页面刷新
【发布时间】：2016-02-18 14:21:58
【问题描述】：

我这个问题已经 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，这就是它不起作用的原因。

【问题讨论】：

你的按钮运行设置为服务器。它只会在服务器上运行（我不确定），你不需要调用 CS 代码来禁用和启用按钮，javascript 就足够了
您可以使用html按钮代替服务器控件。如果您想调用cs代码。然后通过ajax。
你能给我举个例子吗 Vivek Munshi
@Guest 您可以通过以下链接：aspsnippets.com/Articles/…
您提到了 UpdatePanel - 您就是这样做的。也许您需要澄清为什么它不起作用？

标签： javascript asp.net button web devexpress

【解决方案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>

【讨论】：

谢谢，但我不想只是禁用按钮。我也会写另一个CS代码。

【解决方案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>

【讨论】：