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;

}


The issue is not reproduced locally. The sample is sent by email.


It the problem persists, please provide the complete sample to support@dhtmlx.com