CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Zypern		CY	CYP
	Zentralafrikanische Republik		CF	CAF
	Westsahara		EH	ESH
	Weißrussland		BY	BLR
	Weihnachtsinsel		CX	CXR
	Wallis Und Futuna		WF	WLF
	Vietnam		VN	VNM
	Vereinigte Arabische Emirate		AE	ARE
	Venezuela		VE	VEN
	Vanuatu		VU	VUT
	Usbekistan		UZ	UZB
	USA	United States (of America)	US	USA
	Uruguay		UY	URY
	United States Minor Outlying Islands	United States Minor Outlying Islands	UM	UMI
	Ungarn	Hungary	HU	HUN
	Ukraine	Ukraine	UA	UKR
	Uganda		UG	UGA
	Tuvalu		TV	TUV
	Turks- Und Caicosinseln		TC	TCA
	Turkmenistan		TM	TKM

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

| 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