스크롤 페이징 샘플

스크롤이 끝날 때 추가로 데이터를 로드하는 스크롤 페이징 기능을 구현한 샘플입니다.

샘플코드는 다음 주소에서 확인 할 수 있습니다. https://sample.flextudio.com/studio?ScenarioId=sample||flextudio_2407230901511

1. 페이징이 필요한 스텝에서 ScrollEnd 시점에 추가로 데이터를 조회해오는 이벤트를 겁니다.

   

   이벤트 발생시점 ScrollEnd
2. 조회를 해오는 API에 페이징 번호를 전달 받기 위해서 이벤트설정 키(EventConfig Key)를 추가합니다.

   

3. 해당 이벤트설정 값을 API 파람으로 전달되도록 API의 Header 혹은 Body에 해당 값을 포함 합니다.

   

4. API를 배포 합니다.

   

5. 다시 시나리오로 돌아와서 이벤트에 다음 페이징 변수를 관리하고 API로 전달하도록 합니다.

   
6. _v.pageNo 라는 전역변수로 페이징을 관리하는 스크립트를 추가합니다.

//몇 번째 페이지 정보를 조회할 건지 관리하는 스크립트
if(_v.pageNo == undefined){
    _v.pageNo = 0
}

//1 증가
_v.pageNo++

1. 추가된 pageNo에 위 스크립트에서 생성한 페이징을 전달합니다. {%_v.pageNo%}