HardCoding
1k
2021-02-18 09:32:36
4
550

Thymleaf 무한스크롤 페이징 관련 질문드립니다.


현재 스크롤 이벤트를 감지해서 스크롤이 제일 하단으로 갔을 때 Ajax를 호출해서

한 화면에 보여질 데이터를 가지고 오는 것은 완료하였습니다.


그리고 화면에도 잘 그려지고 있는데

index 번호를 어찌 해야 할지 몰라서 상세화면 이동할 때 엉뚱한 데이터가

상세화면으로 보여집니다.


예를들어 한 화면에 50개씩 보여진다고 하면

최초 50개의 index는 정상적으로 보여지는데

그 다음 list에서 다시 0부터 50까지 가지고 오네요


jstl이라면 <c:set>을 해서 마지막 index를 저장해두고 나중에 가지고 온 리스트의 index를

더해주고 싶은데 어떻게 해야하는지 모르겠네요..

0
  • 답변 4

  • bzietro
    479
    2021-02-18 09:47:45 작성 2021-02-18 09:51:40 수정됨
    JS쪽에 변수로 index를 저장해놓고 스크롤 이벤트 진행할 때 Index에 +1 해주고 리스트 페이징 파라미터로 넘기면 될것같아요
  • HardCoding
    1k
    2021-02-18 10:02:16

    bzietro


    잘 이해가 안되네요ㅜㅜ

  • bzietro
    479
    2021-02-18 10:07:33 작성 2021-02-18 10:07:44 수정됨

    HardCoding

    Ajax로 한 화면에 보여질 데이터를 가져오실 때 페이지 번호를 파라미터로 넘겨주시지 않나요?

    select * from board limit 0, 50;

    예를 들어 위와 같은 쿼리를 날린다고 했을 때 0에 들어가는 거겠죠



  • HardCoding
    1k
    2021-02-19 12:57:53

    bzietro

    아~ 네네 그렇게 하고 있었는데 스크립트로 해결했습니다 ㅎㅎ


    50개씩 가지고 와서 기존리스트의 length에서 새로운 리스트의 i 만큼 더하고

    기존리스트와 신규리스트를 concat하여 합쳤습니다


  • 로그인을 하시면 답변을 등록할 수 있습니다.