How to add SubGrid with Tabbar ?

Suite and Optimus Suite 5
#1

Hi

I’m trying since 3 days and really don’t have more ideas.
This is my Tabbar:

var Tabbar = new dhtmlXTabBar("tabbar", "bottom");		 
Tabbar.setImagePath("../dhtmlx/Tabbar/imgs/");
Tabbar.setSkin('dark_blue');
Tabbar.setAlign("right");
Tabbar.addTab("t1", "Wareneingang", "120px");
Tabbar.addTab("t2", "Warenausgang", "120px");
Tabbar.setTabActive("t1");

Like this i can add a Grid:

myGrid[1] = Tabbar.cells("t1").attachGrid();
myGrid[2] = Tabbar.cells("t2").attachGrid();

Problem: How can I add a “Grid linked to grid” function? I need a SubGrid in column 3. I tried the following but nothing works. The Main Grid loads but if i click in column 3 happens nothing:

myGrid[3] = Tabbar.cells("t1").attachGrid();

.
.

// SubGrid
myGrid[3].setImagePath("../dhtmlx/Grid/codebase/imgs/");
myGrid[3].setHeader("Techniker,Abteilung,Firma");
myGrid[3].setInitWidths("105,75,75");
myGrid[3].setColAlign("left,left,left");		 
myGrid[3].setColTypes("ro,ro,ro");
myGrid[3].setColSorting("str,str,str");
myGrid[3].setSkin("modern");
myGrid[3].init();
myGrid[3].loadXML("../dhtmlx/Data/XML/subgrid.php", function() {

.
.

myGrid[1].setColTypes("...,...,grid,...,...,...,...,...,...");
myGrid[1].setSubGrid(myGrid[3], 2, 0);

.
.

});

Would be so lovely if someone can help me please

Best regards

Oliver Natschke

#2

Please, have a look at the attached working example of “grid” excell in the dhtmlxGrid placed in a tabbar.
04_pro_linked_grid.zip (1.13 KB)