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.

All other Modules

Discuss all other Modules here.

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

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


Reply

2 Posts   473 Views

Avatar
MateuszU

20 August 2013 at 9:37am Community Member, 89 Posts

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

21 August 2013 at 7:39am Forum Moderator, 1091 Posts

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

Martine