![](/img/trans.png)
[英]Form doesn't submit in chrome if form submit button is disabled onclick
[英]Disabled button doesn't submit postback in UpdatePanel
我的ASP.NET
頁面上的UpdatePanel
有一個按鈕。 這是我的更新UpdatePanel
<asp:UpdatePanel ID="UpdateToolbar" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table>
<tr>
<td>
<div id="divPDFBtn">
<asp:Button ID="btnPrint" runat="server" OnClick="btnPrint_Click" ToolTip="Click to export report to PDF"
Width="100px" Text="Print to PDF" OnClientClick="if(PDFClick()) {return true;} else {alert('2');}" />
</div>
</td>
</tr>
</table>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnPrint" />
</Triggers>
</asp:UpdatePanel>
當我嘗試禁用按鈕OnClientClick
它不會執行PostBack
這是我的PDFClick()
函數的示例
// Works (does post back and code behind executes))
<script type="text/javascript">
function PDFClick() {
document.getElementById("btnPrint").value = "Working...";
return true;
};
</script>
// Doesn't work (JS executes, but code behind didn't execute)
<script type="text/javascript">
function PDFClick() {
document.getElementById("btnPrint").value = "Working...";
document.getElementById("btnPrint").disabled = true;
return true;
};
</script>
這是我背后的代碼。 我需要在后面做一些事情並在完成后打開新窗口:
protected void btnPrint_Click(object sender, EventArgs e)
{
Response.Write("<script>");
Response.Write(String.Format("window.open('{0}','_blank')", ResolveUrl("PrintPage.aspx")));
Response.Write("</script>");
}
請告訴我如何禁用我的按鈕並到達后面的代碼。
您可以使用setTimeout
異步禁用按鈕:
<script type="text/javascript">
function PDFClick(btnPrint) {
btnPrint.value = "Working...";
setTimeout(function() { btnPrint.disabled = true; }, 10);
return true;
};
</script>
通過在OnClientClick
使用this
關鍵字傳遞對按鈕元素的引用,可以從PDFClick
刪除對document.getElementById
的調用:
OnClientClick="if (PDFClick(this)) { return true; } else { alert('2'); }"
在按鈕上添加ClientIDMode="Static"
<asp:Button ID="btnPrint" runat="server" OnClick="btnPrint_Click" ToolTip="Click to export report to PDF" Width="100px" Text="Print to PDF" OnClientClick="if(PDFClick()) {return true;} else {alert('2');}" ClientIDMode="Static" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.