我在 Webforms 中遇到一个小问题。我正在尝试禁用提交时的提交按钮,以防止重复发布。
问题是,如果在回发期间禁用提交按钮,则不会调用代码隐藏中的 onclick 方法。回发仍然发生,但按钮 onclick 方法不会被调用。
有办法解决这个问题吗?
这是问题的一个小演示:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="WebApplication2._default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-2.0.3.min.js"></script>
<script>
function disableButton() {
//$('#<%=btn.ClientID%>').attr('disabled', 'diabled');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Literal runat="server" ID="ltrDate" />
<asp:Button runat="server" ID="btn" OnClientClick="disableButton();" Text="Hit me!" OnClick="Unnamed_Click" />
</div>
</form>
</body>
</html>
隐藏代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication2
{
public partial class _default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Unnamed_Click(object sender, EventArgs e)
{
Thread.Sleep(1000);
ltrDate.Text = DateTime.Now.ToString();
}
}
}
如果运行此代码,它可以正常工作,但如果从 javascript 方法中删除 //,则按钮的 onclick 方法将不再被调用。 (回发仍然正常)
/Martin
更新:
看来是老问题了。。
我从来没有让它工作过,因为当按钮在客户端被禁用时,它的信息不再发布回服务器,因此它的服务器端单击事件不会触发。我怀疑这就是你所看到的行为。
如果你确实能做到这一点,我很想知道如何做。
伊恩·奥尔森
2004 年 6 月 9 日星期三
更简单的解决方案:
<asp:Button ID="btnFind" runat="server" Text="Find"
OnClientClick="if(this.alreadClicked == true) {this.disabled = true;
this.value = 'Wait...';} else {this.alreadClicked = true;}" EnableViewState=false
</asp:Button>
无论如何,您都禁用该按钮,并向用户提供反馈“等待...”,但必须使用 EnableViewState=false,以便在页面刷新时该按钮重置为原始状态。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)