<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.hostenv.writeIncludes(); function printOk() { dojo.debug("OK"); for(var i=0;i<arguments.length;i++) { dojo.debug(arguments[i]); } } function printErr(err) { dojo.debug("Error"); dojo.debugShallow(err); } function testLoadRemote() { var d = dojo.widget.byId('treeController').loadRemote(dojo.widget.byId('1')) d.addCallbacks(printOk, printErr); } function testCreate() { var d = dojo.widget.byId('treeController').createChild(dojo.widget.byId('1'),1,{title:'New'}, 1); d.addCallbacks(printOk, printErr); } </script> </head> <body> <h3>Dynamically loads nodes from server</h3> <input type="button" value="Expand tree to level 3" onClick="testCreate()"/> <br/> <div dojoType="TreeLoadingControllerV3" widgetId="treeController" RpcUrl="rpc.php"></div> <div dojoType="TreeV3" widgetId="firstTree" listeners="treeController"> <div dojoType="TreeNodeV3" title="Node 2" id="1"> <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" id="3"> </div> </div> </html>