Dynamic loading of sub items

 
<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script> 
    mygrid = new dhtmlXGridObject('gridbox');
    ...
    mygrid.kidsXmlFile="pro_treeGrid_dynamic.php";
    mygrid.loadXML("pro_treeGrid_dynamic.php");
    mygrid.attachEvent("onOpenStart",function(id,m){ return confirm("Row "+id+"will be "+(m==1?"closed":"opened")); });
    mygrid.attachEvent("onOpenEnd",function(id,m){ document.getElementById("a111").innerHTML="<br/>Row "+id+"was "+(m==-1?"closed":"opened"); });</script>

THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.