Add infinite scroll to any django app.

Last update: Dec 26, 2021

Related tags

Overview

django-infinite-scroll

Add infinite scroll to any django app.

Features

- Allows to add infinite scroll to any page.
- Works with Django's Queryset or any kind of lists.
- Requires no aditional javascript framework.
- Easy to install and set up.

Quicksetup

With docker compose:

    git clone https://github.com/gsteixeira/django-infinite-scroll.git
    cd django-infinite-scroll/example/
    docker-compose up

Go to http://localhost:8000 and try it out. 8)

installation

Install module.

    pip install django-infinite-scroll

Add to settings.py

    INSTALLED_APPS = [
        # ...
        'infscroll',
    ]

First, let's make a view that will load the dynamic content:

    def more(request):
        # This is the list that will be paginated.
        list_items = MyModel.objects.all()
        return more_items(request, list_items,
                          # (optional) your custom template
                          template='more.html')

Add it to urls.py

    path('more/', myapp.views.more, name='more'),

Finally, Add to the view you want to show the infinite scroll:

    def my_view(request):
        # The list of items to be paginated. It can be any list of queryset.
        list_items = MyModel.objects.all()
        paginated = get_pagination(request, list_items)
        # we must declare the url where it will load more stuff
        data = {
            'more_posts_url': reverse('more'),
            }
        # update with paginated info
        data.update(paginated)
        return render(request, 'my_view.html', data)

Now add to your template:

    {% load infinite_scroll %}
    <html>
        <body>
            <p>Hellop>
            
            {% infinite_scroll_box %}
            
            {% set_infinite_scroll %}
        body>
    html>

Now go to the page of "my_view", and you should have infinite scroll!

(optional) If you want to use a custom "load_more" template

Here is an example:

    {% load infinite_scroll %}
    {% for item in feed %}
        {{ item }}
    {% endfor %}
    {% infinite_scroll_tags %}

Just add this for loop to iterate the list and include the scroll tags

Settings

PAGINATION_STEPS - the amount of items each step will load. Default to 10.

Requirements

- python3
- django

Add infinite scroll to any django app.

Related tags

Overview

django-infinite-scroll

Features

Quicksetup

installation

(optional) If you want to use a custom "load_more" template

Settings

Requirements

Owner

Gustavo Teixeira

A pickled object field for Django

Simple XML-RPC and JSON-RPC server for modern Django

Django channels basic chat

An automatic django's update checker and MS teams notifier

A django model and form field for normalised phone numbers using python-phonenumbers

Improved Django model inheritance with automatic downcasting

Yummy Django API, it's the exclusive API used for the e-yummy-ke vue web app

Login System Django

Simply integrate Summernote editor with Django project.

A Blog Management System Built with django

Adding Firebase Cloud Messaging Service into a Django Project

A modern looking portfolio build with Django.

A Django web application to receive, virus check and validate transfers of digital archival records, and allow archivists to appraise and accession those records.

Django GUID attaches a unique correlation ID/request ID to all your log outputs for every request.

Meta package to combine turbo-django and stimulus-django

A Redis cache backend for django

A helper for organizing Django project settings by relying on well established programming patterns.

Location field and widget for Django. It supports Google Maps, OpenStreetMap and Mapbox

This is a Django app that uses numerous Google APIs such as reCAPTURE, maps and waypoints

This is a template tag project for django to calculate in templates , enjoy it