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

Simple web site for sharing your short stories and beautiful pictures

TinyApp - A Python (Django) Full Stack Application for shortening URLs

A small and lightweight imageboard written with Django

Django API without Django REST framework.

A simple app that provides django integration for RQ (Redis Queue)

It's the assignment 1 from the Python 2 course, that requires a ToDoApp with authentication using Django

Django application and library for importing and exporting data with admin integration.

Twitter Bootstrap for Django Form

Django Email Sender

Py-instant-search-redis - Source code example for how to build an instant search with redis in python

DCM is a set of tools that helps you to keep your data in your Django Models consistent.

PEP-484 stubs for Django

An app that allows you to add recipes from the dashboard made using DJango, JQuery, JScript and HTMl.

Exploit Discord's cache system to remote upload payloads on Discord users machines

A simple REST API to manage postal addresses, written in Python/Django.

pytest-django allows you to test your Django project/applications with the pytest testing tool.

Django-environ allows you to utilize 12factor inspired environment variables to configure your Django application.

The Django Leaflet Admin List package provides an admin list view featured by the map and bounding box filter for the geo-based data of the GeoDjango.

🏭 An easy-to-use implementation of Creation Methods for Django, backed by Faker.

The friendly PIL fork (Python Imaging Library)