<html> <head> <script type="text/javascript"> var djConfig = {isDebug: true, debugAtAllCosts: true }; </script> <script type="text/javascript" src="../../../dojo.js"></script> <script type="text/javascript"> dojo.require("dojo.widget.*"); dojo.require("dojo.widget.TreeV3"); dojo.require("dojo.widget.TreeNodeV3"); dojo.require("dojo.widget.TreeLoadingControllerV3"); dojo.require("dojo.widget.TreeEmphasizeOnSelect"); dojo.require("dojo.widget.TreeSelectorV3"); dojo.require("dojo.widget.TreeDeselectOnDblselect"); dojo.hostenv.writeIncludes(); </script> </head> <body> <h3>Dynamically loads nodes from server</h3> <input type="button" value="Expand tree to level 3" onClick="dojo.widget.byId('treeController').expandToLevel(dojo.widget.byId('firstTree'),3)"/> <br/> <input type="button" value="Expand node 2 tree to level 3" onClick="dojo.widget.byId('treeController').expandToLevel(dojo.widget.byId('2'),3)"/> <br/> <div dojoType="TreeLoadingControllerV3" widgetId="treeController" RpcUrl="local"></div> <div dojoType="TreeSelectorV3" widgetId="selector"></div> <div dojoType="TreeDeselectOnDblselect" selector="selector"></div> <div dojoType="TreeEmphasizeOnSelect" selector="selector"></div> <div dojoType="TreeV3" widgetId="firstTree" listeners="treeController;selector"> <div dojoType="TreeNodeV3" title="Node 1"></div> <div dojoType="TreeNodeV3" title="Node 2" widgetId="2"> <div dojoType="TreeNodeV3" title="Node 2.1"></div> <div dojoType="TreeNodeV3" isFolder="true" title="Node 2.2"></div> </div> <div dojoType="TreeNodeV3" title="Node 3" isFolder="true"> </div> </div> </html>