CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Katar		QA	QAT
	Réunion		RE	REU
	Ruanda		RW	RWA
	Saudi-Arabien		SA	SAU
	Sudan		SD	SDN
	Senegal		SN	SEN
	Singapur		SG	SGP
	Südgeorgien Und Die Südlichen Sandwichinseln		GS	SGS
	Saint Helena		SH	SHN
	Svalbard Und Jan Mayen		SJ	SJM
	Salomonen		SB	SLB
	Sierra Leone		SL	SLE
	El Salvador		SV	SLV
	San Marino		SM	SMR
	Somalia		SO	SOM
	Saint Pierre Und Miquelon		PM	SPM
	Serbien		RS	SRB
	São Tomé Und Príncipe		ST	STP
	Suriname		SR	SUR
	Swasiland		SZ	SWZ

Page 9 of 13, showing 20 records out of 241 total

first | previous | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | next | last

Key Goals for the AJAX Pagination

Ajaxify all links in the "pagination-container" including pagination and sort links
As easy as possible
Fallback without AJAX (and JS) should be fully working

The fading is not necessary and only shows more clearly the beginning and end of the AJAX request. Note: Instead of the jQuery.live plugin one could also just use on() event and bind the pagination links to a click event.

How does it work

You only need

A "pagination-container" div and a separate ctp file of the "common" content for both AJAX and normal view
A few lines of custom (jQuery) JS on top