CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Ghana		GH	GHA
	Gibraltar		GI	GIB
	Guinea		GN	GIN
	Guadeloupe		GP	GLP
	Gambia		GM	GMB
	Guinea-Bissau		GW	GNB
	Äquatorialguinea		GQ	GNQ
	Griechenland		GR	GRC
	Grenada		GD	GRD
	Grönland		GL	GRL
	Guatemala		GT	GTM
	Französisch Guiana		GF	GUF
	Guam		GU	GUM
	Guyana		GY	GUY
	Hong Kong		HK	HKG
	Heard Insel Und McDonald Inseln		HM	HMD
	Honduras		HN	HND
	Kroatien		HR	HRV
	Haiti		HT	HTI
	Indonesien		ID	IDN

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

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