c# - 在 Asp.net 中显示加载消息

Question

我想在我的 gridview 填充数据时在我的 asp.net 网页中显示一个加载指示器

这是我的 aspx 页面的一部分

    <script type="text/javascript" src="Scripts/jsUpdateProgress.js"></script>      
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:Panel ID="panelUpdateProgress" runat="server" CssClass="updateProgress">
        <asp:UpdateProgress ID="UpdateProg1" DisplayAfter="0" runat="server">
            <ProgressTemplate>
                <div style="position: relative; top: 30%; text-align: center;">
                    <img src="Styles/images/loading.gif" style="vertical-align: middle" alt="Processing" />
                    Loading...
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>
    </asp:Panel>
    <ajaxToolkit:ModalPopupExtender ID="ModalProgress" runat="server" TargetControlID="panelUpdateProgress"
        BackgroundCssClass="modalBackground" PopupControlID="panelUpdateProgress" />

(我的代码基于这个示例 weblogs.asp.net/blogs/guillermo/Code/modalExample.zip)

这是调用方法的按钮

<asp:UpdatePanel ID="updatePanel" runat="server">
        <ContentTemplate>
            <asp:Button ID="btMonth" runat="server" onclick="btMonth_Click" Text="Ver" />
        </ContentTemplate>
    </asp:UpdatePanel>

这是我的方法 btMonth_Click 的 c# 代码

    protected void btMonth_Click(object sender, EventArgs e)
{
    string query = "select * from table";
    SqlDataSource1.SelectCommand = query;
    gInd.DataSourceID = "SqlDataSource1";
}

如您所见，当“正在加载”指示器出现时，我想填充 GridView，但是当我单击我的按钮时，方法 btMonth_Click 被调用，该方法被执行但我的 gridview 没有被填充。如果我删除按钮的 asp:UpdatePanel，我的 gridview 会被填充好

有什么我想念的吗？

Answer 1

您需要将 GridVew 放在 UpdatePanel 中，以便进行部分渲染

如果出于设计原因您不能将网格放在第一个 UpdatePanel 中，您可以有多个UpdatePanel

更多信息:

How to work with two update panels on same .aspx page