<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Context-Type" content="text/html; charset=UTF-8"></meta> <title>Buttons page</title> </head> <body> <div class="tabView" id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;"> <div id="tab1" dojoType="dijit.layout.ContentPane" href="templates/tab1.html" title="Tab 1"></div> <div id="tab2" dojoType="dijit.layout.ContentPane" href="templates/tab2.html" title="Tab 2"></div> <div id="tab3" dojoType="dijit.layout.ContentPane" href="templates/tab3.html" title="Tab 3"></div> </div> <!-- Register Controllers for each content pane. These are trivial controllers that change the content message of the pane When they have been selected via a button. These are the individual view controllers in the tab example. --> <div dojoType="samples.ContentPaneController" contentPaneID="tab1" message="TAB ONE HAS BEEN SELECTED BY BUTTON ONE AT ONE POINT" dataAttachPoint="pane1AttachPoint" id="paneOneController"> </div> <div dojoType="samples.ContentPaneController" contentPaneID="tab2" message="TAB TWO HAS BEEN SELECTED BY BUTTON TWO AT ONE POINT" dataAttachPoint="pane2AttachPoint" id="paneTwoController"> </div> <div dojoType="samples.ContentPaneController" contentPaneID="tab3" message="TAB THREE HAS BEEN SELECTED BY BUTTON THREE AT ONE POINT" dataAttachPoint="pane3AttachPoint" id="paneThreeController"> </div> <!-- Register an action controller that activates the child controllers on events This is the top-level tab view controller in this example. --> <div dojoType="dojox.wire.ml.Action" triggerTopic="buttonAction"> <!-- Register a listener for button actions to flip which panel is viewed. --> <div dojoType="dojox.wire.ml.Invocation" parameters="arguments[0]" object="mainTabContainer" method="selectChild"> </div> <!-- Register for certain events to activate the controllers. --> <div dojoType="dojox.wire.ml.Invocation" object="paneOneController" method="setMessage"> <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab1"> </DIV> </div> <div dojoType="dojox.wire.ml.Invocation" object="paneTwoController" method="setMessage"> <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab2"> </DIV> </div> <div dojoType="dojox.wire.ml.Invocation" object="paneThreeController" method="setMessage"> <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab3"> </DIV> </div> </div> </body> </html> |