CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Pitcairn		PN	PCN
	Peru		PE	PER
	Philippinen		PH	PHL
	Palau		PW	PLW
	Papua-Neuguinea		PG	PNG
	Puerto Rico		PR	PRI
	Korea, Dem		KP	PRK
	Paraguay		PY	PRY
	Palästinische Gebiete		PS	PSE
	Französisch Polynesien		PF	PYF
	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

Page 10 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