配列からデータリストのデータを読み込む方法

Question

データリストに表示するデータの配列があります。私は限られたデータだけをロードしてからスクロールがダウンすると別の限られたデータをロードしたい。この作業はすべてデータリスト内で行う必要があります。つまり、スクロールをデータリスト内に配置する必要があります。次に、スクロールがデータリスト画面の最後まで下がると、配列からさらに多くのデータが取得されます。

私は流星を使用しているので、ヘルパーを使ってクライアント側で配列を返す必要があります。 私のコードは：

これは私のヘルパーです。ここでは、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> 

、私はそれを行うことができます方法：

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コードは、（クライアント側のコード）です。任意のjqueryは、Javascriptのコードですか？

また、「Jqueryはスクロールのデータをもっと読み込みます。」と思っていますが、これはページ全体やウィンドウに使用されているので機能しませんが、datalistとdatalistのみで行う必要があります。ここにリンク "jQuery load more data on scroll"ですが、それは私のために働かなかった。アドバンス

Answer 1

で

おかげであなたは何をすべき...

1）まずご希望のコレクションから限定された配列をサブスクライブします。

2）<collection>.find()をヘルパーに戻してください。

3）スクロールイベントリスナーを追加し、現在のスクロール位置がページの最後の制限に達しているかどうかを確認して、さらにアイテムを登録します。