CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Algerien		DZ	DZA
	Ecuador		EC	ECU
	Estland	Estonia	EE	EST
	Ägypten		EG	EGY
	Westsahara		EH	ESH
	Eritrea		ER	ERI
	Spanien		ES	ESP
	Äthiopien		ET	ETH
	Finnland	Finland	FI	FIN
	Fidschi		FJ	FJI
	Falklandinseln		FK	FLK
	Mikronesien, Föderierte Staaten Von		FM	FSM
	Färöer		FO	FRO
	Frankreich	France	FR	FRA
	Gabun		GA	GAB
	Großbritannien	United Kingdom (Great Britian)	GB	GBR
	Grenada		GD	GRD
	Georgien		GE	GEO
	Französisch Guiana		GF	GUF
	Guernsey		GG	GGY

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

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