如何触发UpdatePanel中ProgressTemplate的显示？

Question

在asp.net网站上工作。 在其中一个页面中，我使用的是内部带有ProgressTemplate的UpdatePanel（其中包含“ updating.gif”）。 在同一页面上，我还有一个jQuery / bootstrap date-range-picker。

选择日期范围后，我将使用___doPostBack进行回发。 一切正常，回发等等，但是问题是update.gif从未出现。 但是，我希望这样做（至少在“处理”时）。

问题：如何使用javascript，Page_Load等方式执行此操作？ 谢谢！

“更新”面板定义为...。

       <asp:UpdateProgress runat="server" ID="UpdatePanel1_UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1">
        <ProgressTemplate>
            <div class="ajaxUpdatePanel">
            </div>
            <div style="position: absolute; padding: 30px;" class="updatingContainer">
                <img src="../Images/updating.gif" alt="Updating" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
    <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
        <ContentTemplate>
                 :
                 :

日期范围选择器定义为...

 <asp:TextBox ID="daterange" name="daterange" 
    class="jQuery_DateRangePicker" runat="server" Width="110px"></asp:TextBox>

选择日期后，我会执行此操作（除其他外）...

__doPostBack('daterange', '');

我也尝试将javascript代码包装在其中，但未显示任何内容。

$get('<%= UpdatePanel1_UpdateProgress1.ClientID %>').style.display = 'block';
 // do all the processing
$get('<%= UpdatePanel1_UpdateProgress1.ClientID %>').style.display = 'none';

Answer 1

那里使用的ajaxUpdatePanel是什么？ 我的猜测是，这与它有关，尽管不确定，因为它似乎并没有做任何事情。

理论上，在服务器端调用为指定的更新面板工作期间，将调用进度模板。

查看此链接以查看一些示例。

Answer 2

可以使用AjaxToolkit吗？ 如果是，那么

<ajaxToolkit:ModalPopupExtender ID="modalPopup" runat="server" TargetControlID="UpdateProgress"
PopupControlID="UpdateProgress" BackgroundCssClass="modalPopup" />

请检查完整示例： 通过代码更新面板和进度条示例