在向下滾動時加載網格視圖數據

Question

嗨我正在使用超過1000行（來自數據庫）的網格。我正在使用Paging。一個新的要求是刪除分頁，並在第一次加載時只顯示50條記錄，然後當用戶向下滾動頁面併到達網格底部時，顯示下一個50條記錄等。我真的不知道它可以任何一個PLZ幫助....我使用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