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've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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   2354 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