Implementing AJAX Pagination for DocLister Listings

AJAX pagination patterns written for Ditto were common in older Evolution projects, and many teams eventually wanted to port that smoother UX to DocLister. the discussion came from exactly that transition.

Typical client-side idea

$('.pagination').on('click', 'a.page-link', function () {
    var url = $(this).attr('href');
    $('#ajax-container').load(url + ' #listing');
    return false;
});

The important part is not the jQuery line itself. It is making sure the loaded fragment, pagination markup, and server-side listing stay consistent between normal requests and AJAX requests.

What to keep in sync

• The container selector used for replacement.
• The markup ID or wrapper that contains only the listing block.
• Pagination links that still work normally when JavaScript is unavailable.

When done well, AJAX pagination makes DocLister feel much more modern without changing the underlying data logic.