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

Add Chart.js visualizations to your Django admin using a mixin class

Tweak the form field rendering in templates, not in python-level form definitions. CSS classes and HTML attributes can be altered.

Django based webapp pulling in crypto news and price data via api

Simple reproduction of connection leak with celery/django/gevent

Domain-driven e-commerce for Django

A simple Django middleware for Duo V4 2-factor authentication.

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

Alt1-compatible widget host for RuneScape 3

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

Redia Cache implementation in django.

Neighbourhood - A python-django web app to help the residence of a given neighborhood know their surrounding better

A simple porfolio with Django, Bootstrap and Sqlite3

Projeto Crud Django and Mongo

Packs a bunch of smaller CSS files together from 1 folder.

Transparently use webpack with django

Simple application TodoList django with ReactJS

Fast / fuzzy PostgreSQL counts for Django

django Filer is a file management application for django that makes handling of files and images a breeze.

Reusable, generic mixins for Django

Django project starter on steroids: quickly create a Django app AND generate source code for data models + REST/GraphQL APIs (the generated code is auto-linted and has 100% test coverage).