This demo uses the southprojects AJAX Transport layer to transfer the tab contents dynamically.
The benefits of this approach are:
Contents downloaded on demand. This optimizes data transfer. The HTML for the tab contents is transferred only when the tab is accessed.
Reusable code. You can put the HTML tab contents in a file and reuse the code.
Pure data driven tab construction. You can construct the tabs without any HTML, allowing an easy, dynamic, database-driven application.
The presentation layer is the same as the Basic demo, yet the construction of the southprojects Tabs is different.
This offers the flexibility of using either method for tab construction.