Start Building Professional
Web Apps Today

DHTMLXGrid splitAt and setSkin

I split my grid into 2 parts using function splitAt and I allow users to choose the skin type they like using setSkin function. However, the 1st part of the grid style wouldn't change according to the skin type that the user chose. Here are my codes:

mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.setHeader("Project Number, Title, Created Date, Completion Date");
mygrid.setInitWidths("200,*,200,200")
mygrid.setColAlign("left,left,center,center")
mygrid.setColTypes("ro,ro,ro,ro");
mygrid.init();    
mygrid.splitAt(2);    
mygrid.loadXML("grid.xml");

function setSkinStyle(obj) {
mygrid.setSkin(obj.value);
}

There's a select option for users to choose the skin type and initiate the setSkinStyle function on action onChange. P/s: I'm using pro version 2.1.

In case of grid in split mode, skin need to be defined before applying splitAt command

This is know issue. There is no way to change grid's skin dynamicaly if grid has frozen columns. If you need change grid configuration you should completely destroy grid object with destructor() method and initialize it again.