SubGrid creation

Suite and Optimus Suite 5
#1

How to create the subgrid using javascript and populate it with javascript also ?

    mygrid = new dhtmlXGridObject('gridevents');
    mygrid.setImagePath("dhtmlx/dhtmlxGrid/codebase/imgs/");
    mygrid.setHeader(",");
    mygrid.setInitWidths("30,750");
    mygrid.setColAlign("center,left");
    mygrid.setColTypes("sub_row_grid,ro");
    mygrid.setColSorting("na,str");
    mygrid.setSkin("dhx_skyblue");
    mygrid.attachEvent("onSubGridCreated",function(subgrid){
       subgrid.setHeader("A,B,C");
       subgrid.setColTypes("ro,ro,ro");
       subgrid.setInitWidths("100,100,100");
       subgrid.init();
       return false;  // block default behavior
    })       
    mygrid.init();

mygrid.addRow(‘1’,[’’,‘TEST’]);

#2

You can add row to sub grid in “onSubGridCreated” event handler:

mygrid.attachEvent("onSubGridCreated",function(subgrid){ subgrid.setHeader("A,B,C"); subgrid.setColTypes("ro,ro,ro"); subgrid.setInitWidths("100,100,100"); subgrid.init(); subgrid.addRow('1',['','TEST']); return false; // block default behavior })