CakePHP Sandbox App v5

Countries and AJAX Pagination

Name Original Name Iso2 Iso3
ro Romania România RO ROU
rw Rwanda Rwanda RW RWA
sh Saint Helena Saint Helena SH SHN
kn Saint Kitts And Nevis Saint Kitts and Nevis KN KNA
lc Saint Lucia Saint Lucia LC LCA
vc Saint Vincent And The Grenadines Saint Vincent and the Grenadines VC VCT
bl Saint-Barthelemy Saint-Barthélemy BL BLM
mf Saint-Martin (French part) Saint-Martin MF MAF
pm Saint Pierre and Miquelon Saint-Pierre-et-Miquelon PM SPM
ws Samoa Samoa WS WSM
sm San Marino San Marino SM SMR
st Sao Tome and Principe São Tomé e Príncipe ST STP
ch Switzerland Schweiz CH CHE
sn Senegal Sénégal SN SEN
sc Seychelles Seychelles SC SYC
al Albania Shqipëria AL ALB
sl Sierra Leone Sierra Leone SL SLE
sg Singapore Singapore SG SGP
sx Sint Maarten (Dutch part) Sint Maarten SX SXM
si Slovenia Slovenija SI SVN

Page 8 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!