通过JQuery GridView的上滚动分页 - 帮助

有一些问题，显然有效的解决方案：通过JQuery GridView的上滚动分页 - 帮助

<script type="text/javascript" > 
     //following code utilizes jQuery 1.2.6 
     var prev = 0; 
     $(document).ready(

     //DIV showing the message "Loading..." is hidden initially 
     //The message will be shown when records are fetched with AJAX 
     //when user has scrolled to the bottom of the DIV scrollbar 
     function() { 
      $(".divProgress").hide(); 

      $(".divLeft").scroll(

     function() { 
     //triggering point is when the difference of the heights of the TABLE 
     //and DIV match the DIV's scrollTop value 
     if ($('<%=grdPersonResults.ClientID %>').height() - this.scrollTop == $(this).height()) { 
     //progress bar   
     $(".divProgress").ajaxStart(function() { 
      $(this).show(); 
     }); 
     $(".divProgress").ajaxStop(function() { 
      $(this).hide(); 
     }); 

     //get last Order Id to track next fetch 
     var OrderIdLast = $('<%=grdPersonResults.ClientID %> tr:last').children("td:first").html(); 

     //get last table row in order to append the new result set increment 
     var trLast = $('<%=grdPersonResults.ClientID %> tr:last'); 
     if (parseInt(OrderIdLast, 10) > parseInt(prev, 10)) { 
      prev = OrderIdLast; 
      //make a async call to fetch the incremental results  
      $.post("AsyncHandler.ashx?lastOrderId=" + OrderIdLast, function(data) { 
       if (data != null) { 
        //append new result set to last row 
        trLast.after(data); 
       } 
      }); 
     } 
    } 
}); 
}); 
    </script>

我的GridView很简单：

<div class="divLeft"> 
        <asp:GridView ID="grdPersonResults" AutoGenerateColumns="False" runat="server" 
         CellPadding="2" Width="100%" ForeColor="#333333" GridLines="None" BorderWidth="1px" BorderStyle="Solid" 
         BorderColor="Black" AllowSorting="True" CssClass="box-table-a"> 
         <Columns> 
          <asp:HyperLinkField HeaderText="Name" SortExpression="NAME" DataNavigateUrlFields="EMPLOYEE_ID, COMPANY_ID, RNUM" 
           DataNavigateUrlFormatString="~/Admin/FinalizeEdit.aspx?id={0}&cid={1}&rnum={2}&action=EDIT" DataTextField="NAME" /> 
          <asp:BoundField DataField="DESCRIPTION" HeaderText="Company" SortExpression="DESCRIPTION" /> 
          <asp:BoundField DataField="SOURCE_ID" HeaderText="Source" SortExpression="SOURCE_ID" /> 
         </Columns> 
         <FooterStyle CssClass="box-table-a" /> 
         <RowStyle CssClass="box-table-a" /> 
         <EditRowStyle CssClass="box-table-a" /> 
         <SelectedRowStyle CssClass="box-table-a" /> 
         <PagerStyle CssClass="box-table-a" /> 
         <HeaderStyle CssClass="box-table-a" /> 
         <AlternatingRowStyle CssClass="box-table-a" /> 
        </asp:GridView> 
       </div> 
       <div class="divProgress"> 
        Loading.... 
       </div>

它没有以往任何时候都似乎打我AsyncHandler，不知道我的选择器是否是错误的，因为我在ASP.net中使用了Masterpage，但它似乎在拾取元素。

来源

2010-01-29 jlrolin

我注释掉：如果（parseInt函数（OrderIdLast， 10）> parseInt（prev，10））{ } ，因为它不属于这个呢。还是行不通。 – jlrolin 2010-01-29 19:15:37

我已将范围缩小到： if（$（'<％= grdPersonResults.ClientID％>'）。height（） - this.scrollTop == $（this）.height（））{ – jlrolin 2010-01-29 19:27:08

变化

如果（$（ '<％= grdPersonResults.ClientID％>'）的高度（） - 。this.scrollTop == $（本）.height（））{

到

如果（$（ “＃grdPersonResults”）高度（） - this.scrollTop < = $（本）.height（） - 2）{

来源

2011-02-25 16:06:26 Davedurg

通过JQuery GridView的上滚动分页 - 帮助

回答

相关问题