如何從數組中加載數據列表中的更多數據

我有一系列數據，我必須在datalist中顯示。我只想先加載有限的數據，然後在滾動過程中加載另一個有限的數據。所有這些工作我都必須在datalist中完成，即我需要將該滾動放入數據列表中，然後當滾動到達數據列表屏幕的末尾時，更多數據將來自數組。如何從數組中加載數據列表中的更多數據

我使用meteor，所以我需要使用助手在客戶端返回該數組。我的代碼是：

這是我的幫手。這裏是一個數組，它將在html（客戶端）上返回。

Template.mytemplate.helpers({ 
    // Here will be helper for displaying data in client side// 
    searched_val:function(){ 
    var a= SessionStore.get("myvalue"); 
    // console.log(a); 
    return a; 
    } 
    } 
});

我的HTML代碼（客戶端代碼）：

<div class="form-group row "> 
      <div class="dropdown col-xs-12"> 
       <input list="d1" id="search" name="d1" class="form-control input-xs" placeholder="Search by"> 
       <datalist id="d1" style="overflow-y:auto"> 
        {{#each searched_val}} 
       <option class="form-control" value="{{this}}"> {{this}} </option> 
       {{/each}} 
       </datalist> 
      </div> 
     </div>

現在，我怎麼能做到這一點。有沒有任何jQuery，Javascript代碼？

我也看到「jquery在滾動中加載更多數據」，但它不適用於我，因爲它用於整個頁面/窗口，但我只需要在datalist和datalist中執行此操作。這裏是鏈接「jQuery load more data on scroll」但它沒有爲我工作。

由於提前

來源

2017-04-20 Coder

*「我需要一個快速答案。」* ...這裏沒有優先事項。人們自願回答問題。 – charlietfl

好吧，我道歉，但我在麻煩，這就是爲什麼說。好吧，我會刪除它，並感謝糾正我:) – Coder

你應該怎麼做？

1）首先你訂閱您所需的收集有限的陣列。

2）只需將<collection>.find()返回給幫手。

3）然後添加一個滾動事件監聽器，通過它將檢查當前滾動位置是否已達到頁面的最後限制，然後您將訂閱更多項目。

來源

2017-04-20 13:39:28

我已經打電話，找到命令' .find（）。fetch（）'，然後我得到數組中的數據。現在我想與獲得的數組一起工作。 – Coder

如果您沒有任何目的地獲取所有數據，這非常奇怪。希望你會得到有限的數據。如果你這樣做，請按照步驟3。 –

如何從數組中加載數據列表中的更多數據

回答

相關問題