Sample: dhtmlxTreeGrid Dynamic loading of sub items dhtmlxTreeGrid main page
X

Loading time is decreased using dynamical loading of children elements


 
<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script>
 
        mygrid = new dhtmlXGridObject('gridbox');
        mygrid.selMultiRows = true;
        mygrid.imgURL = "../../../dhtmlxGrid/codebase/imgs/";
        mygrid.setHeader("Tree,Plain Text,Long Text,Color,Checkbox");
        mygrid.setInitWidths("150,100,100,100,100")
        mygrid.setColAlign("left,left,left,left,center")
        mygrid.setColTypes("tree,ed,txt,ch,ch");
        mygrid.setColSorting("str,str,str,na,str")
        mygrid.init();
        mygrid.kidsXmlFile="test_list_2.xml";
        mygrid.loadXML("test_list_1.xml");
</script>