按钮触发事件,但页面不更新
本文关键字:更新 事件 按钮 | 更新日期: 2023-09-27 18:14:56
标记如下:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div class="well well-large">
<form class="navbar-form pull-left">
<asp:FileUpload ID="test" runat="server" CssClass="input-small" />
<br />
<asp:Button ID="btnUpload" runat="server" Text="Upload" CssClass="btn" OnClick="btnUpload_Click" />
</form>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnUpload" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Panel runat="server" ID="panAlert" Visible="false">
<div class="alert alert-success" id="divAlert" runat="server">
<button id="Button1" runat="server" type="button" class="close" data-dismiss="alert">×</button>
You shouldn't see this message!
</div>
<asp:Panel runat="server" ID="panMarquee" Visible="true">
<div id="Div1" runat="server" class="progress progress-success progress-striped">
<div id="ProgressBar" runat="server" class="bar" style="width: 100%"></div>
</div>
</asp:Panel>
</asp:Panel>
当单击btnUpload按钮时,服务器代码应该确定FileUpload控件是否有文件。如果是,它会将Panel控件的可见性更改为true。它在UpdatePanel之外工作得很好。
服务器代码:
protected void btnUpload_Click(object sender, EventArgs e)
{
this.SetMessage(Message.Success);
try
{
if (this.test.HasFile)
{
string filename = Path.GetFileName(GetUB04Doc.FileName);
//test.SaveAs(Server.MapPath("~/") + filename);
this.SetMessage(Message.Success);
}
}
catch (Exception ex)
{
//TODO: Do something with th exception
this.SetMessage(Message.Fail);
}
finally
{
//this.GetUB04Doc.Dispose();
}
}
private enum Message { Success, Fail }
private void SetMessage(Message msg)
{
if (msg == Message.Success)
{
this.divAlert.InnerText = "Well done! The document appears to have uploaded successfully. Please wait...";
this.divAlert.Attributes.Add("class", "alert alert-success");
}
else
{
this.divAlert.InnerText = "Oh snap! Something broke. Please contact IT right away.";
this.divAlert.Attributes.Add("class", "alert alert-error");
}
this.panAlert.Visible = true;
}
我试着把Panel放在ContentTemplate部分,但结果是一样的。
你知道我哪里做错了吗?
您应该将您正在从另一个UpdatePanel
中异步回发修改的区域与UpdateMode
设置为Conditional
。然后从codebehind:
<asp:UpdatePanel ID="panAlertUpdatePanel" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:Panel runat="server" ID="panAlert" Visible="false">
<!-- ....
后台代码:// ...
this.panAlert.Visible = true;
panAlertUpdatePanel.Update()
旁注:正如@Belogix已经评论的那样,您应该在UpdatePanel
中使用AsyncFileUpload
控件,因为常规的FileUpload
控件不支持异步回发。
MSDN :
与UpdatePanel控件不兼容的控件:
- …
-
FileUpload
和HtmlInputFile
控件用于上传文件作为异步回发的一部分。 - …
在UpdatePanel中使用FileUpload或HtmlInputFile控件控件,则将提交文件的回发控件设置为面板的PostBackTrigger控件。文件上传和HtmlInputFile控件只能在回发场景中使用。
你需要把PostBackTrigger
代替AsyncPostBackTrigger
像这样。<asp:PostBackTrigger ControlID="btnUpload" />