See how the left menu loads the corresponding content in the central area of the page.
This is a more advanced example. Learn how to include external components that will be loaded onDemand in the main area of the page.
The same example, but this time including a LOADING MASK to block user actions during the loading process.
Each tab controls the actions within its own area using Bubbling Core, and it loads the new content demand using dispatcher.
The Dispatcher controls the loading process using the YUI Connection Manager, and it will display the response within the Panel's Body, executing the remote and inline scripts.
This is an example of the DISPATCHER feature over two DIV tags. You can use the dispatcher to manage the content inside each DIV. This feature will guarantee the execution of the scripts (remote and inline "script" tags) during the URI request.
This is an example of the DISPATCHER feature over the YUI tabview component, you can use the dispatcher to manage the content inside the tab. This feature will guarantee the execution of the scripts (remote and inline "script" tags) during the dataSrc request.
This is an example of the DISPATCHER feature over the YUI tabview component. You can use the dispatcher to manage the "child tabview" inside each tab.
This is an example of the DISPATCHER feature over the YUI tabview component. You can use the dispatcher to manage the content inside the tab, and include another YUI component (YUI Datatable) during the dataSrc request.
This is an example of the DISPATCHER feature over the YUI tabview component. You can use the dispatcher to manage the content inside the tab, and include another tabview with accordion layout.
This is an example of the DISPATCHER feature over the YUI tabview component. If the first tab is active then the content will be reloaded every 30 seconds otherwise don´t do nothing to prevent unnecessary traffic.
The dispatcher plugin includes a built-in integration with the YUI Browser History Manager. Which means that you can use the extension with the tabview, layout and a simple DIV as well, and the dispatcher controls the actions in all these areas using the YUI BHM.
In this example, you will see how to pass parameters in the initialization process, and then use these parameters in the different moments during the loading process.
In this example, you can see how the first tab "Datatable Control" defines the rules to destroy the YUI Datatable before changing the content of the tab (which means that every time you click on the first tab, the dispatcher will destroy the DataTable control, releasing the memory and then will display the new content). Also, by default, the dispatcher will release all the listeners defined for a dynamic area before displaying the new content (YAHOO.util.Event.purgeElement).
You can also use the dispatcher to execute inline JS code without using AJAX to load the content.
Using the dispatcher plugin you will be able to inject CSS rules on demand in your application. The rules can be written in line or thru a remote file loaded thru AJAX using the YUI connection manager.
Defining the path for the remote assets using the fullpath.
By default, dispatcher injects inline scripts using an script tag. If you want to pre-process the scripts and inject those scripts using eval or any other execution routine, you can re-define the evaluation routine ("evalRoutine") for a certain dynamic area.