CakePHP Sandbox App v5

Countries and AJAX Pagination

Name Original Name Iso2 Iso3
ba Bosnia and Herzegovina Bosna i Hercegovina BA BIH
bw Botswana Botswana BW BWA
bv Bouvet Island Bouvetøya BV BVT
br Brazil Brasil BR BRA
io British Indian Ocean Territory British Indian Ocean Territory IO IOT
vg Virgin Islands (British) British Virgin Islands VG VGB
bf Burkina Faso Burkina Faso BF BFA
bi Burundi Burundi BI BDI
cv Cape Verde Cabo Verde CV CPV
cm Cameroon Cameroon CM CMR
ca Canada Canada CA CAN
bq Bonaire, Sint Eustatius and Saba Caribisch Nederland BQ BES
ky Cayman Islands Cayman Islands KY CYM
cz Czech Republic Česká republika CZ CZE
cl Chile Chile CL CHL
cx Christmas Island Christmas Island CX CXR
cc Cocos (Keeling) Islands Cocos (Keeling) Islands CC CCK
co Colombia Colombia CO COL
ck Cook Islands Cook Islands CK COK
cr Costa Rica Costa Rica CR CRI

Page 2 of 13, showing 20 record(s) out of 250 total



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
TODOs:
  • URL needs to be rewritten/updated to be in sync with current page - for a clean user experience

Send your feedback or bugreport!