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 simple Django dev environment setup with docker for demo purposes for GalsenDev community

Django-gmailapi-json-backend - Email backend for Django which sends email via the Gmail API through a JSON credential

CRUD with MySQL, Django and Sass.

Bootstrap 3 integration with Django.

Utility for working with recurring dates in Django.

A feature flipper for Django

A set of functions related with Django

Django Phyton Web Apps template themes

Djang Referral System

A clone of https://virgool.io written in django

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

Sistema administrador de contranas desarrollador en Django

A CBV to handle multiple forms in one view

A music recommendation REST API which makes a machine learning algorithm work with the Django REST Framework

The friendly PIL fork (Python Imaging Library)

Tools to easily create permissioned CRUD endpoints in graphene-django.

Django app for building dashboards using raw SQL queries

Sistema de tratamento e análise de grandes volumes de dados através de técnicas de Data Science

Highlight the keywords of a page if a visitor is coming from a search engine.

Use webpack to generate your static bundles without django's staticfiles or opaque wrappers.