Hi,
I have a subgrid which opens when a cell in a regular grid is clicked, using the code:
[code]var grid = Diaku.factories.grid.create({
containerId: ‘data-grid-components’,
emptyMessage: ‘This data item does not have any components.’,
isEditMode: true,
maximizeHeight: true,
footer: false
}),
glossaryColumnIndex = 8,
treeGrid = Diaku.factories.grid.createTreeGrid({
containerId: 'tree-grid-category',
showLoader: false,
isEditMode: true,
header: false,
footer: false
}),
treeGrid.enableTreeCellEdit(false);
treeGrid.attachHeader("#text_filter");
treeGrid.setFiltrationLevel(-2);
treeGrid.enableSmartXMLParsing(true);
grid.enableEditEvents(true);
// Enable drag and drop to set rank
grid.enableDragAndDrop(true);
grid.attachEvent('onDrop', recalculateRank);
grid.attachEvent('onRowAdded', recalculateRank);
grid.setColumnMinWidth(300, glossaryColumnIndex);
treeGrid.load(moduleNS.config.grid.components.categoryTreeGridSrc, function () {
grid.setSubGrid(treeGrid, glossaryColumnIndex, 0);
grid.load(moduleNS.config.grid.components.src);
});[/code]
The problem is that when the sub grid displays, it completely covers the cell which was clicked to see it. How can I adjust the css top of the subgrid to display underneath the cell used to activate it?
I found this code in dhtmlxgrid_excell_grid.js, so how can I get it to change in my code?
var arPos = this.grid.getPosition(this.cell);//,this.grid.objBox
this._sub.entBox.style.top=arPos[1]+"px";