지연 내용 <c:forEach> 지연

Question

<forEach> 루프가있는 <div>에서 실시간 스크롤 또는 지연 스크롤을 구현할 수 있습니까? <div>에 다음 코드가 있습니다. 내용을 느리게로드하고 싶습니다.

Answer 1

JSTL과 EL은 모두 페이지의보기 빌드 시간에만 가능합니다 (서버에 의해 완료 됨). Ajax 요청은 클라이언트 브라우저에 있기 때문에 뷰 빌드 시간에 포함되지 않으므로 JSTL과 EL은 Ajax 요청을 처리하는 데 쓸모가 없다. 그럼에도 불구하고, 당신은 여기에 명시된 일반 서블릿과 아약스를 사용할 수있다 : How to use Servlets and Ajax?

코드에서 JSF를 사용하고 있기 때문에 (#{statusBean.statusList} 및 <h:form> 같은 지연 평가 표현의 사용을 기반으로) 당신이 JSF를 사용하는 가정 2+ OmniFaces 쇼케이스의 좋은 예가 있습니다. <o:componentIdParam>, 확장 가능 목록 예제에서는 @RequestScoped 관리 빈에 대해 ajax 호출을 수행하고 JSON String을 검색하여 HTML 돔과 같은 클라이언트 측 값을 업데이트 할 수 있음을 보여줍니다. this answer에 따라

라이브 스크롤 예 :

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     loadNewData(); 
    } 
}); 

function loadNewData(){ 
    /* add code to fetch new content and add it to the DOM */ 
}