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

Django API creation with signed requests utilizing forms for validation.

Django query profiler - one profiler to rule them all. Shows queries, detects N+1 and gives recommendations on how to resolve them

Add infinite scroll to any django app.

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

Django React Flight Rezervation

APIs for a Chat app. Written with Django Rest framework and Django channels.

This is a repository for a web application developed with Django, built with Crowdbotics

Money fields for Django forms and models.

Automatic class scheduler for Texas A&M written with Python+Django and React+Typescript

Django And React Notes App

Let AngularJS play well with Django

Django Email Sender

Store events and publish to Kafka

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

RestApi With Django 3.2 And Django Rest Framework

A clone of https://virgool.io written in 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.

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

django-dashing is a customisable, modular dashboard application framework for Django to visualize interesting data about your project. Inspired in the dashboard framework Dashing

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