在网格视图填充时显示“正在加载”图像

时间:2013-06-26 15:46:50

标签: gridview lazy-loading loading-image

我的c#page中有很少的文本字段。当用户填写这些字段并点击提交按钮时,会显示一个Gridview作为结果。

这里的问题是,gridview将需要很长时间才能完全填充,因为后面运行的查询会扫描大量数据。

所以直到Gridview变得流行,我才会显示一个加载图像,这样用户就不会觉得系统崩溃了。我不想像网上显示的大多数例子一样插入睡眠语句,因为这会增加我的总输出时间。我该怎么办? 请帮助!

   <form id="form1" runat="server">
     <div>
     <b>Enter value 1 :</b>
        <asp:TextBox id="p1" runat="server" /> <br />
     <b>Enter value2 :</b>
        <asp:TextBox id="p2" runat="server" /><br />
        <asp:Button ID="btn1" runat="server" OnClick="Button1_Click" Text="Start Search"/>
        <hr />

         <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:updatepanel id="ResultsUpdatePanel" runat="server">    
    <contenttemplate>

    <div style="text-align:center;">
    <asp:updateprogress id="UpdateProgress1" runat="server" associatedupdatepanelid="ResultsUpdatePanel" dynamiclayout="true">
                        <progresstemplate>

                           <img src="loader.gif">

                        </progresstemplate>
                    </asp:updateprogress>

                    </div>

         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true"
                    OnPageIndexChanging="gridView_PageIndexChanging"
                    CssClass="gridstyle" 
                    EnableViewState="false"
                    AllowPaging="true">
                    <AlternatingRowStyle CssClass="altrowstyle" />
                    <HeaderStyle CssClass="headerstyle" />
                    <RowStyle CssClass="rowstyle" />
                    <RowStyle Wrap="false" />
                    <HeaderStyle Wrap="false" />
                </asp:GridView>
    </contenttemplate>
</asp:updatepanel>
    </div>
    </form>

0 个答案:

没有答案