Unobtrusive Spry Data sample

This sample shows how to use SpryDOMUtils.js (our Element Selector) to create unobtrusive Spry Data pages by removing the Spry custom attributes to an external javascript file. This allows the page to pass validation with no extra effort.

Note that to use this technique, IDs are places on the elements that would have had Spry attributes.

This data comes from a standard XML data set and clicking the headers should sort the columns.

Note: This sample uses Spry.Utils.setAttribute to set namespaced attributes (spry:region, etc). This is a bug in Safari 2.0 and earlier, but appears to have been fixed in version 3.0.
This function should work fine for regular, non-namespaced attributes.

Name Category
{name} {category}
Product
{name}
{category}
Features
{dsFeatures::feature}