CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Mali		ML	MLI
	Myanmar		MM	MMR
	Mongolei		MN	MNG
	Macao		MO	MAC
	Nördliche Marianen		MP	MNP
	Martinique		MQ	MTQ
	Mauretanien		MR	MRT
	Montserrat		MS	MSR
	Malta		MT	MLT
	Mauritius		MU	MUS
	Malediven		MV	MDV
	Malawi		MW	MWI
	Mexiko		MX	MEX
	Malaysia		MY	MYS
	Mosambik		MZ	MOZ
	Namibia		NA	NAM
	Neukaledonien		NC	NCL
	Niger		NE	NER
	Norfolk Insel		NF	NFK
	Nigeria		NG	NGA

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

first | previous | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 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