Блог

Главная - Вопросы по программированию - Как предотвратить повторное включение кнопки с отключенным Javascript после обратной передачи?

Как предотвратить повторное включение кнопки с отключенным Javascript после обратной передачи?

#javascript #asp.net

#javascript #asp.net

Вопрос:

Следующий пример кода демонстрирует проблему. При нажатии кнопки Button1 кнопка Button3 отключается с помощью JavaScript. Нажатие Button2 вызывает событие сервера, которое инициирует обратную отправку. После того, как кнопка обратной отправки3 больше не отключена.

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>

CodeBehind

 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";
    }
}

Комментарии:

1. Как насчет скрытого поля, которое заполняется вашим событием click с включенным состоянием вашей кнопки? Ваш код может прочитать это и отключить кнопку по мере необходимости.

Ответ №1:

Кнопка воссоздается на стороне сервера на основе ее последнего состояния (сохраненного в ViewState , которое передается с сервера в браузер и обратно на сервер) и опубликованного значения.

Проблема в том, что отключенное состояние находится в ViewState , и вы не можете изменить его на стороне клиента. Единственное опубликованное значение — это значение самого элемента управления (например, текст в текстовом поле).

Итак, поскольку вы не можете изменить ViewState , единственной альтернативой является наличие дополнительного элемента управления в вашей форме, который позволяет отправлять отключенное состояние обратно на сервер. Итак, вам нужно добавить a HiddenField , установить его состояние на стороне клиента (в том же скрипте, который включает / отключает кнопку), а затем на стороне сервера восстановить отправленное значение возврата и применить его к элементу управления. Т.Е. Прочитать значение скрытого поля и установить Enabled свойствокнопки соответственно.

Ответ №2:

При обратной передаче отключите свою кнопку3

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