• Home
• com.guicedee.examples.faces
• primefaces-extensions-showcase
• 1.1.0.6
• source code
• infiniteScrollingOne.xhtml

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

sections.waypoint.infiniteScrollingOne.xhtml Maven / Gradle / Ivy

    
        
            
        
        
            Infinite scrolling with p:remoteCommand and offset as function. The offset defines a waypoint if the bottom of the element is in view.
            When resizing the window, this offset will be recalculated automatically.
            The Waypoint component self is used in combination with pe:javascript.
            In the callback function we check the current scrolling direction. Furthermore, we use two widget methods:
            disable() and enable(). The method disable() temporarily
            disables the waypoint (callback function) from firing, but leaves the waypoint's event bound.
            Calling enable() again in the future would re-enables a previously disabled waypoint
            and the old handlers would continue to work.
        

        
            
                
                        
        

        
            
${showcase:getFileContent('/sections/waypoint/examples/example-infiniteScrollingOne.xhtml')}

=== first remote content from the file remoteContentOne.xhmtl (for demo purpose)
                
${showcase:getFileContent('/sections/waypoint/examples/remoteContentOne.xhtml')}
                
=== second remote content from the file remoteContentSecond.xhmtl (for demo purpose)
                
${showcase:getFileContent('/sections/waypoint/examples/remoteContentSecond.xhtml')}
            
            
${showcase:getFileContent('/org/primefaces/extensions/showcase/controller/waypoint/InfiniteScrollController.java')}