I am trying to create a main grid that will eventually have multiple subgrids within its columns. My code is as follows:
myGrid.setImagePath("../../content/codebase/imgs/");
myGrid.setHeader(" ,Id,Customer,2015 (Euro),2016 (Euro),2017 (Euro),2018 (Euro),2019 (Euro),Total (Euro)");
myGrid.setColumnIds("_Id,_Id,_Customer,_Year1,_Year2,_Year3,_Year4,_Year5,_Total");
myGrid.setInitWidths("30,50,200,100,100,100,100,100,100");
myGrid.setColAlign("left,left,left,left,left,left,left,left,left");
myGrid.setColTypes("sub_row_grid,ro,ed,grid,edn,edn,edn,edn,ron");
myGrid.setSubGrid(subGrid, 2, 3);
myGrid.init();
myGrid.load(mainGridURL, "js");
myGrid.attachEvent("onSubGridCreated", function (subGrid) {
subGrid.setImagePath("../../content/codebase/imgs/");
subGrid.setHeader("Id,Month,Revenue,Total(Euro)");
subGrid.setColumnIds("_Id,_Month,_EstRevenue,_Total");
subGrid.setInitWidths("50,50,100,100");
subGrid.enableAutoHeight(true);
subGrid.setColTypes("ro,ed,edn,ro");
subGrid.enableEditEvents(true, false, false);
subGrid.init();
subGrid.load(subGridURL, "js");
return true; // block default behavior
});
What needs to be done so that the subgrid opens when the +/- is selected and is editable when it opens?