DhtmlxGrid v3.0 can not populate data after change configure

Hi,

Upgrading from v2.1 to v3.0

        myGrid= new dhtmlXGridObject('recipGrid');
        myGrid.enableSmartRendering(true);    
	myGrid.setSkin("light");	

       if (selectedEntity == "agents") {        
            myGrid.setHeader("first name,last name");
            myGrid.setColTypes("ro,ro");
            myGrid.setInitWidths("*,*");    
            myGrid.setColSorting("str,str");    
            myGrid.setColumnIds("first_name,last_name");                        
        } else {        
            myGrid.setHeader("name");
            myGrid.setColTypes("ro");
            myGrid.setInitWidths("*");    
            myGrid.setColSorting("str");    
            myGrid.setColumnIds("name");        
        }
        
        myGrid.init();
        myGrid.load(recipientsDataUrlBase + '&entity=' + selectedEntity + filterConditions, function() {
            if (myGrid.getRowsNum() == 1) {
                myGrid.selectRow(0);
                myGrid();
            }
        });

I have grid and a dropdown menu. Depend on the value of dropdown menu, I have different Grid view and data.

Everything works fine in v2.1

After upgrade to v3.0, my grid can not load another set of data (e.g. I select a value from dropdown menu, the same grid now has different header/column type and new data). I see the new header name but the grid is unable to load data into the grid.

In short, I start with myGrid with set of header 1 and data 1. Upon select a value from dropdown menu, myGrid is changed to set of header 2 and data 2. The loadXML of data 2 succeeds, but there are no data populated in myGrid.

Is it a bug ?

Couldn’t you please provide a complete demo to reconstruct an issue?