c# - Telerik Ajax UpdatePanel radgrid 等待页面加载

Question

我正在使用一个

<asp:UpdatePanel ID="AjaxUpdatePanel" runat="server">

在页面上加载一个radgrid

<telerik:RadGrid ID="StatisticsGrid" runat="server">

加载大约需要 10 秒，这是因为它正在从数据库加载大量数据，但它不会加载页面并显示“正在加载”文本或图像，而是在 radgrid 加载页面后已准备就绪，页面加载时间为 10 秒。 你知道我如何避免这种情况并显示优雅的加载文本/图像吗？ 它在重新绑定(bind)网格时也应该起作用。

提前致谢! :)

Answer 1

因为您使用的是 Telerik，所以我推荐 RadAjaxLoadingPanel:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue">
</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="StatisticsGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="StatisticsGrid"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    <telerik:RadGrid ID="StatisticsGrid" runat="server">
         ...
    </telerik:RadGrid>
</telerik:RadAjaxPanel>

因此，将您的 asp:UpdatePanel 替换为 telerik:RadAjaxPanel。 (我总是喜欢使用所有 telerik 控件，因为他们的示例和支持团队鼓励这种做法。)