It has been based on the server-side pagination and server-side sorting examples. They have both been changed in that they do not use the DataSource to communicate with the server but use a plain Connection Manager request to fetch the information and then pass it as a local source to the DataSource. This allows full access to all the information received from the server before it gets sent to the DataTable. Reported bugs on both examples have been fixed as well.

The source files for this sample are available for download in a zip file. The PHP server script requires an active PHP interpreter. The YUI compoments are fetched from the YUI site.

The solution: Google AJAX Libraries APIs. Google hosts these frequently used files, including the newest versions (and legacy versions) of jQuery MooTools, YUI, Dojo, Prototype, and more. Why use Google’s AJAX Libraries API? Benefits include:

• Google’s servers can serve the file faster than your shared hosting server.
• Since the file is always being pulled from the same place, the more sites that use that file, the more likely that file is already in the user’s cache. Thus, your website loads faster.
• You save bandwidth.

Here’s how you implement google.load().

<!-- Always need this javascript -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>

  google.load("jquery", "1.3.2");
  google.load("jqueryui", "1.7.2");
  google.load("prototype", "1.6.1.0");
  google.load("scriptaculous", "1.8.3");
  google.load("mootools", "1.2.4");
  google.load("dojo", "1.3.2");
  google.load("swfobject", "2.2");
  google.load("yui", "2.8.0r4");
  google.load("ext-core", "3.0.0");

That’s all there is to it. Pass Google the library and version you desire and Google does the rest.