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   600 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, 1132 Posts

21 August 2013 at 7:39am

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

Martine