Question

以下代码示例演示了该问题。单击Button1时，通过JavaScript禁用Button3。单击Button2会导致引发回发的服务器事件。回发后Button3不再被禁用。

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestDisableButton.aspx.cs" Inherits="StudentForms_CaseManagement_TestDisableButton" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script language="javascript" type="text/javascript">
        function Button1_onclick() {
            document.getElementById("<%= Button3.ClientID %>").disabled = true;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="Disable Button 3" onclick="return Button1_onclick()" />
        <asp:Button ID="Button2" runat="server" Text="Perform Post Back" onclick="Button2_Click" />
        <asp:Button ID="Button3" runat="server" Text="Button3" />
        <br />
        <asp:Label ID="Label1" runat="server" ></asp:Label>
    </div>
    </form>
</body>
</html>

代码隐藏

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class StudentForms_CaseManagement_TestDisableButton : System.Web.UI.Page
{
    protected void Button2_Click(object sender, EventArgs e)
    {
        Label1.Text = "Button 2 clicked";
    }
}

Answer 1

该按钮在服务器端重新创建，基于它的最新状态（存储在ViewState中，从服务器到浏览器再返回到服务器）和发布的值。

问题是禁用状态是ViewState，您无法在客户端修改它。唯一发布的值是控件本身的值（例如文本框中的文本）。

因此，由于您无法修改ViewState，唯一的选择是在您的表单中有一个额外的控件，允许将禁用状态发回服务器。因此，您需要添加HiddenField，在客户端设置其状态（在启用/禁用按钮的同一脚本中），然后在服务器端重新发送已发布的返回值并将其应用于控件。即，读取隐藏字段值，并相应地设置按钮的Enabled属性。

Answer 2

在回发时禁用Button3

protected void Button2_Click(object sender, EventArgs e)
{
    Button3.Enabled = false;
}

如何防止Javascript禁用按钮在回发后重新启用？

2 个答案: