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

这是一个例子。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

在ASPxButton1上放置AutoPostBack =“false”。默认情况下这是真的。

describe UsersController::UserParams do
  it 'cleans the params' do
    params = ActionController::Parameters.new(user: {foo: 'bar', name: 'baz'})
    user_params = UsersController::UserParams.build(params)
    expect(user_params).to eq({name: 'baz'}.with_indifferent_access)
  end
end

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

2 个答案: