CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Isle Of Man		IM	IMN
	Indien		IN	IND
	Britische Territorien Im Indischen Ozean		IO	IOT
	Iran, Islam		IR	IRN
	Irak		IQ	IRQ
	Island		IS	ISL
	Israel		IL	ISR
	Jamaika		JM	JAM
	Jersey		JE	JEY
	Jordanien		JO	JOR
	Japan		JP	JPN
	Kasachstan		KZ	KAZ
	Kenia		KE	KEN
	Kirgisistan		KG	KGZ
	Kambodscha		KH	KHM
	Kiribati		KI	KIR
	Korea, Rep		KR	KOR
	Kuwait		KW	KWT
	Laos, Dem		LA	LAO
	Libanon		LB	LBN

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

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