CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Mauretanien		MR	MRT
	Montserrat		MS	MSR
	Martinique		MQ	MTQ
	Mauritius		MU	MUS
	Malawi		MW	MWI
	Malaysia		MY	MYS
	Mayotte		YT	MYT
	Namibia		NA	NAM
	Neukaledonien		NC	NCL
	Niger		NE	NER
	Norfolk Insel		NF	NFK
	Nigeria		NG	NGA
	Nicaragua		NI	NIC
	Niue		NU	NIU
	Nepal		NP	NPL
	Nauru		NR	NRU
	Neuseeland		NZ	NZL
	Oman		OM	OMN
	Pakistan		PK	PAK
	Panama		PA	PAN

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