最简单的 ajax Loading 效果

最新推荐文章于 2021-08-05 15:45:10 发布

原创最新推荐文章于 2021-08-05 15:45:10 发布 · 909 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #server #asp

My Code 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用ASP.NET实现的带有分页功能的GridView控件，并通过UpdatePanel支持局部刷新，利用AJAX技术在不重新加载整个页面的情况下更新数据列表。

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
          <ContentTemplate>
        <asp:GridView ID="GvPubList" runat="server" AutoGenerateColumns="False"
                CellPadding="4" ForeColor="#333333" GridLines="None"
                Width="100%" AllowPaging="True"
                OnPageIndexChanging="GvPubList_PageIndexChanging">
                <PagerSettings FirstPageText="首页" LastPageText="尾页" Position="Bottom"
                    Mode="NumericFirstLast" NextPageText="下一页" PreviousPageText="上一页"
                    PageButtonCount="5" />
                .............            </asp:GridView>
            </ContentTemplate>
            </asp:UpdatePanel>

<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel2">
             <ProgressTemplate>
                 <img alt="loading" src="images/ajax-loader.gif" />
             </ProgressTemplate>
         </asp:UpdateProgress>