Start Building Professional
Web Apps Today

TreeGrid in Accordion in Layout

I have an two TreeGrids attached to Accordion cells in a Layout. The first time I click on one of the Accordion cells, the TreeGrid appears only as a Grid (the Tree node column is missing). If I then click the Accordion cell a second time, the TreeGrid displays correctly with the Tree column.

This is how I am initializing and loading:

var dhxLayout = new dhtmlXLayoutObject("layoutObj", "2U");
var dhxAccord = dhxLayout.cells("a").attachAccordion();
dhxAccord.addItem("a1","a");
dhxAccord.addItem("a2","b");
dhxAccord.addEvent("onBeforeActive", loadGrid);
var mygrid = dhxAccord.cells("a1").attachGrid();
var mygrid2 = dhxAccord.cells("a2").attachGrid();
...set other grid values...
mygrid2.init();
mygrid.init();

function loadGrid(id) {
if(id == "a1") {
mygrid.clearAll();
mygrid.loadXML("treegridtest1.xml");
}
else if(id == "a2") {
mygrid2.clearAll();
mygrid2.loadXML("treegridtest2.xml");
}

return true;
}