Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

All other Modules /

Discuss all other Modules here.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Easy AJAX pagination for SilverStripe with silverstripe-frontend v0.2


Go to End


2 Posts   1820 Views

Avatar
MateuszU

Community Member, 89 Posts

20 August 2013 at 9:37am

Hi,

I thought I'd share info on the 0.2 release of https://github.com/mateusz/silverstripe-frontend (mateusz/frontend on packagist).

This module allows for easy addition of AJAX pagination on top of your typical SilverStripe templates that consume a DataList. It provides two jQuery widgets: one for regular pagination, and endless stream with a "More" button at the end.

Comes with a choice of dummy mode (quick start) or more advanced PJAX mode (faster, but more work), HTML5 history support, underscore templating, easy hook-up of progress indicators, event triggers for custom behaviours when transiting between states, and as many as two (whoa!) how-tos :-)

Here is a very short walkthrough:

PHP:

return new AjaxPaginatedList(Page::get(), $this->request);

Template:

<div class='pagination-content'></div>
<div class='pagination" $Pages.PaginationMetadata(2)>
... usual SS pagination goes here ...
</div>

Javascript:

$('div.pagination').sspagination({contentSelector: '.pagination-content'});
// Or for endless:
$('div.pagination').ssendless({contentSelector: '.pagination-content'});

I hope someone can find it useful :-) Let me know if you find any problems or if you have any feature requests.

m

Avatar
martimiz

Forum Moderator, 1391 Posts

21 August 2013 at 7:39am


Sounds nice, thanks for sharing! I'm definitely going to give it a try :)

Martine