添加向下滾動的表格行

我對可能的簡單和良好的工作解決方案寬度jquery有疑問。如何阿賈克斯表從SQL追加像

https://www.inforegister.ee/BACEXSQ-ARGOS-KRACHT

與「滾動down'事件（Ajax的重載表後寬度）寬一個查找表？首先，我有一個mysql表creat table tbl1(id int auto_increment,name varchar(200));有許多記錄。從它自動附加例如10條記錄。

的HTML代碼將是這樣的：

<form> 
<input type="text" id="find" > 
<input type="buttom" id="findb" > 
</form> 
<table></table>

謝謝

來源

2013-01-24 user1929552

如果你看看源代碼，你會看到，他們正在利用滾動事件：

jQuery(window).scroll(function(){ 
    if(jQuery("#nextCompaniesCount").val() > 0) { 
     if (jQuery(window).scrollTop() == jQuery(document).height() - jQuery(window).height()){ 
      loadNextCompanies(); 
     } 
    } 
});

看看源代碼，您還會看到loadNextCompanies（）函數，它執行AJAX請求，然後將任何HTML添加到正文。

如果你想新的項目添加到表的末尾，你可以使用類似：

$('#id_of_table > tbody > tr:last').after(newRow);

NEWROW將包含您要添加的TR HTML。

來源

2013-01-24 09:36:13

我寫了很多天這些解決方案。任何人都可以給一個好的藍色？ – user1929552

是的，看到我的答案.. –

韋恩屈的答案是要走的路，但我想給它添加：

如果您鏈接到網頁上快速滾動，你會看到加載圖像出現多次。發生這種情況的原因是用戶在加載新內容之前再次到達頁面的底部。

您可以通過在再次調用loadNextCompanies（）（或等價物）之前檢查是否已經等待來自服務器的響應來提高效率。

更新： 你問了plugin-雖然我從來沒有使用任何插件來實現這個，所以我不能提出任何建議，我可以告訴你，這就是所謂的延遲加載和快速搜索輪番上漲這個插件：https://code.google.com/p/jquerylazyscrollloading/

來源

2013-01-24 10:12:39

嘿，這裏是你正在尋找的插件。

http://masonry.desandro.com/demos/infinite-scroll.html。

看看上面的例子。

來源

2013-01-24 10:13:13

添加向下滾動的表格行

回答

相關問題