배열에서 데이터리스트에 더 많은 데이터를로드하는 방법

Question

데이터 배열에 표시해야하는 데이터 배열이 있습니다. 제한된 데이터 만로드 한 다음 스크롤이 내려 가면서 다른 제한된 데이터를로드하려고합니다. 이 모든 작업은 데이터 목록 내부에서 수행해야합니다. 즉, 데이터 목록 내부에 스크롤을 놓아야하며 스크롤이 데이터 목록 화면의 끝으로 내려 가면 더 많은 데이터가 배열에서 나옵니다.

유성을 사용하고 있으므로 헬퍼를 사용하여 클라이언트 측에서 배열을 반환해야합니다. 내 코드 :

이것은 내 도우미입니다. 여기서 h는 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가 스크롤에 더 많은 데이터로드"를 보았지만 전체 페이지/창에 사용 되었기 때문에 나에게는 적합하지 않지만 데이터 목록과 데이터 목록에서만 사용해야합니다. 여기에 링크 "jQuery load more data on scroll"하지만 그것은 나를 위해 작동하지 않았다. 사전

당신이 무엇을해야

Answer 1

에서

감사합니다 ...

1) 먼저 원하는 컬렉션에서 제한적인 배열을 가입.

2) <collection>.find()을 도우미에게 돌려 보내십시오.

3) 스크롤 이벤트 리스너를 추가하여 현재 스크롤 위치가 페이지의 마지막 한계에 도달했는지 확인한 다음 더 많은 항목을 구독하게됩니다.