This demonstrates how to load Tab content from an external data source.
The YUI TabView provides a built-in way to load external data.
The first thing we need to do is load the TabView source files and dependencies. For this example we will include the optional Connection Manager to enable loading Tab content from an external data source.
<body>, but for this example, we will create a
Next we will create a TabView instance, omitting the
element argument, which signals the constructor to create the TabView container:
Next we add tabs to our TabView, including the label and a
dataSrcpointing to the content, setting the default selected tab to "active". To minimize the number of requests, we will set each
cacheData for each Tab.
All that is left is to append our new TabView to our container:
This is a basic example of how to load content from an external source into a TabView widget.
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.