Javascript 如何在UpdatePanel中触发ProgressTemplate的显示？

在asp.net网站上工作。在其中一个页面中，我使用了一个UpdatePanel，其中包含一个ProgressTemplate（它包含一个“update.gif”）。在同一页上，我还有一个jQuery/bootstrap日期范围选择器

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

问：我怎样才能做到这一点，或者使用javascript，或者在页面加载中，等等？谢谢

更新面板定义为

       <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>

我也尝试过用这种方式包装javascript代码，但没有任何结果

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

$get（“”）.style.display='block'；
//做所有的处理
$get（“”）.style.display='none'；

ajaxUpdatePanel在其中的用途是什么？我的猜测是，这与此有关，尽管不确定，因为它似乎并没有真正起到任何作用

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

---

查看以下示例。

您能使用AjaxToolkit吗？如果是，那么

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

---

将此页面作为gridview和一些其他控件加载，需要一段时间。其中一列是数据，我在列的标题行中使用这个数据范围选择器来选择/过滤gridview中的数据@Fenrir88Ok，那么daterange的文本更改时会有回发？您是否尝试过使用asp方法而不是JS的doPostBack进行回发？比如OnTextChanged=“serverMethod”不，我没有试过。您的意思是使用vb.net/c#在aspx后面编写代码吗？当我设置autopostback=true时，它似乎挂起了页面。我只是想知道我原来的问题。可以在javascript处理时显示进度gif吗？可以，使用c#代码。将行OnTextChanged=“C#MethodNameHere”添加到文本框中，它将/应该向服务器调用该方法，服务器应该激活updateprogress。关于在JS处理过程中显示gif，我不认为可以用同样的方式来处理。可能您必须使用完整的Javascript，包括创建包含gif的div以及显示和隐藏方法。
<ajaxToolkit:ModalPopupExtender ID="modalPopup" runat="server" TargetControlID="UpdateProgress"
PopupControlID="UpdateProgress" BackgroundCssClass="modalPopup" />