ASP.NET 在回发期间显示进度条

Question

我在表单和按钮上有一个文件上传控件。单击按钮后，服务器会将文件转换为数据表并循环遍历数据表记录以进行验证。

我的问题:验证过程需要很长时间，所以我想向用户显示当前正在处理的项目。

我的尝试:我发现 Ajax 和 SignalR 是在这种情况下实现的。但是，Ajax 需要更新面板才能工作，而更新面板不能与更新文件控件一起使用。我尝试了 SignalR 并且它可以工作，但是它在回发期间无法工作 --> 显然。

任何人都可以帮助我找到解决方案。

谢谢!

Answer 1

嘿，你可以像这样使用 ajaxToolkit 的 ModalPopupExtender

<ajaxToolkit:ModalPopupExtender ID="ProgressBarModalPopupExtender" runat="server"
                 BackgroundCssClass="ModalBackground" BehaviorID="ProgressBarModalPopupExtender"
                 TargetControlID="hiddenField" PopupControlID="Panel1" DynamicServicePath="" Enabled="True" />
        <asp:Panel ID="Panel1" runat="server" Style="display: none; background-color: #C0C0C0;">
      <p class="wait">Please wait!</p>

    </asp:Panel> 
     <asp:HiddenField ID="hiddenField" runat="server" />

将上面的代码添加到你页面的任何地方，然后在你的文件上传按钮上试试这个

 <input   type="submit" value="Upload" id="upload"
                     causesvalidation="False" onclick="javascript:return validateAdd();"
                    onserverclick="btnupload_ServerClick" runat="server" /> 

在javascript中

   function validateAdd() {
              var myExtender = $find('ProgressBarModalPopupExtender');
                    myExtender.show();
                    return true;
                }

在后面的代码中

protected void btnupload_ServerClick(object sender, EventArgs e)
{
// your code of upload 
//
// your code of upload 

ProgressBarModalPopupExtender.Hide();
}

这样就可以了