更改按钮文本并在回发期间禁用它答案

【问题标题】：Change Button text and disable it during post back更改按钮文本并在回发期间禁用它
【发布时间】：2012-05-06 20:40:20
【问题描述】：

我在update panel 中有一个按钮。

我想要它，所以当用户单击按钮时，Please Wait... 文本显示为按钮文本，并且该按钮被禁用，直到回发完成。我已经写了这段代码：

$('#Button2').on("click", function (e) {
                $("#Button2").val("Please Wait");
                $('#Button2').attr('disabled', 'disabled');
});

问题是当按钮被禁用时，它的事件不会在服务器端引发。我该如何解决这个问题？

【问题讨论】：

标签： jquery asp.net asp.net-ajax updatepanel

【解决方案1】：

您是否使用 jQuery.ajax 函数来触发服务器调用？如果是这样，那么在“beforeSend”键中更改按钮文本并禁用。

$.ajax({
    .....
    beforeSend: function(){
     $("#Button2").val("Please Wait");
     $('#Button2').attr('disabled', 'disabled');
    }
    .....
});

【讨论】：

【解决方案2】：

$('#Button2').on("click", function (e) {
                $("#Button2").text("Please Wait");
                $('#Button2').attr('disabled', 'disabled');
               //your ajax function here
     $.ajax({
            url:'your url',
            data : ({/*data to send***/  }),
            method : 'POST',

            success: function(msg){
                 $('#Button2').removeAttr('disabled');
           }
    });
             //end ajax


});

【讨论】：

【解决方案3】：

您可以在 jQuery 中使用 .attr 和 .html 函数。

$('#btn').click(function(){
    $(this).html('Saving...'); //this changes the html to Saving...
    $(this).attr('disabled', true); //this will disable the button onclick
});

这是一个小提琴示例：http://jsfiddle.net/stan255/cpLqK/1/

希望这会有所帮助。

斯坦利

【讨论】：

【解决方案4】：

在您的 onClick 函数中，首先尝试进行 ajax 调用，然后在它之后禁用按钮。由于它是异步调用，因此下一行脚本应在调用时禁用该按钮。在您拨打电话后的回调中，您可以重新启用您的按钮。

【讨论】：

【解决方案5】：

你应该在禁用按钮后调用服务器事件。为此你应该使用ClientScript.GetPostBackEventReference(bt1, null)

请看这个链接：Disable button in update panel on async postback

【讨论】：