禁用异步回发更新面板中的按钮

时间:2010-09-30 06:00:18

标签: javascript asp.net jquery updatepanel

我在一个页面上有多个带有各种asp按钮的更新面板。我想在更新面板中禁用导致回发的按钮,直到它完成。

有没有办法避免使用第三方控件?通过JQuery或任何其他方法?

2 个答案:

答案 0 :(得分:7)

你可以这样做:

CS

//in pageload
//the request is not in postback or async mode
bt1.OnClientClick = "this.disabled = true; " + ClientScript.GetPostBackEventReference(bt1, null) + ";");

注意:您可以使用js函数替换“this.disabled = true”,该函数可以更好地处理禁用按钮的操作,也可以显示友好的消息。


或者这个:

http://msdn.microsoft.com/en-us/library/bb383989.aspx

JS

Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(CheckStatus);
function CheckStatus(sender, arg)
{
   var postBackElement = arg.get_postBackElement();
   var prm = Sys.WebForms.PageRequestManager.getInstance();
   if (prm.get_isInAsyncPostBack() && postBackElement.id == "btn1") {
      arg.set_cancel(true);
      //display friendly message, etc
   }
}

注意:我对其进行了修改,以便检查按钮的ID。替换“btn1”

祝你好运!!

答案 1 :(得分:4)

您可以使用更新面板的开始和停止消息来禁用您的控件。 例如

<script type="text/javascript"> 
var prm = Sys.WebForms.PageRequestManager.getInstance();    
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);

function InitializeRequest(sender, args) {
   document.getElementById("ButtonToDisable").disabled = true;
}

function EndRequest(sender, args) {
   document.getElementById("ButtonToDisable").disabled = false;
}
</script>