向下滚动加载网格视图数据

Question

嗨，我使用的网格超过1000行（来自数据库）。 我正在使用分页。 一项新的要求是删除分页并在第一次加载时仅显示50条记录，然后当用户向下滚动页面并到达网格底部时，显示接下来的50条记录，依此类推。.我真的不知道它可以有任何一条请帮助...。我正在使用VB.net 4.0框架。 以下是我显示网格的代码

<%@ Page Language="VB" MasterPageFile="~/MasterPage/abc.master" AutoEventWireup="false" CodeFile="TM.aspx.vb" Inherits="TM" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolderMain" runat="server" ID="ctn">
<div>
<asp:GridView ID="gvGrid" runat="server" Visible="false" AutoGenerateColumns="False" BorderStyle="Solid" BorderWidth="1px" BorderColor="#6495ED" BackColor="White" HeaderStyle-BackColor="#6495ED">
                         <AlternatingRowStyle BackColor="#DDEEFF" />
                         <Columns >
                             <asp:TemplateField HeaderStyle-Width="10px">
                             <HeaderTemplate><asp:CheckBox ID="Chk_All_ALert" runat="server" onClick="checkboxAll_click('gvGrid',this.checked,'chk_Alert');"></asp:CheckBox></HeaderTemplate> 
                             <ItemTemplate>
                                   <input type="checkbox" runat="server" id="chk_Alert" value=<%#Eval("UniqueID")%> onclick="CheckUncheck_All('gv_AlertHistory',this.checked,'gvGrid','chk_Alert');"/>
                                   <%--<input type="hidden" id="hdnIDAlert" value=<%#Eval("SchoolID")%> runat="server"/>--%>
                             </ItemTemplate>    
                             </asp:TemplateField>

                              <asp:TemplateField ItemStyle-Wrap="false">
                               <HeaderTemplate>Date/Time</HeaderTemplate>
                               <ItemTemplate><%#DisplayTime(Eval("SentDate"))%></ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField>
                               <HeaderTemplate>Email Subject</HeaderTemplate>
                               <ItemTemplate><%#Eval("Subject")%></ItemTemplate>
                            </asp:TemplateField>

                             <asp:TemplateField>
                               <HeaderTemplate>Email Text</HeaderTemplate>
                               <ItemTemplate><%#GetAlertGridMessage(Eval("Message"))%></ItemTemplate>
                            </asp:TemplateField>

                         </Columns>
                         </asp:GridView>
</div>
</asp:Content>

Answer 1

您应该使用“ Jscroll”或按照以下示例操作，这可能对您有所帮助

http://aspsnippets.com/Articles/Load-data-while-Scrolling-Page-down-with-jQuery-AJAX-and-ASPNet.aspx