Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Tejas Shah on Jul 10, 2008 08:32
open dhtmlx forum
DHTMLX Grid : Grid not working in Internet Explorer(IE) 6 & 7.

Hi,
I want functionality something like this :
I will create header using setHeader() function, then I want to add rows using addRow() function.
But I am not able to do this on Internet Explorer 6 and 7. Nothing, even headers are not shown.
Please help me !!!
Answer posted by Support on Jul 10, 2008 08:55
The expected order of command is next

var grid = new dhtmlXGridObject(
grid.setHeader(...
grid.setColTypes(...
//any other configuration
grid.init(); //mandatory, row oriented commands can be executed only after it
grid.addRow(...

If you are not calling grid.init, or calling grid.addRow before it - grid will not render correctly.

Answer posted on Jul 11, 2008 00:06
Hi,
     Thanks for the quick response, but it still not working. Please Help !!!
     Here the snippet of the code ::

// Context Menu Creation : S
                       
                            var aMenu=new dhtmlXContextMenuObject('120',0,Gpath+"/js/dhtmlx/dhtmlxMenu/codebase/imgs/");
                             aMenu.menu.loadXML(Gpath+"/xml/context/classDetails.xml"); // This xml file we use    to show context menu on right click.           
                            aMenu.setContextMenuHandler(onButtonClick);
                            aMenu.setContextZone("treeBox",1);
                       
                        // Context Menu Creation : E
                 
                     
                       
                        if(header=='yes'){
                      
                            var classDetails = new Array();
                            var shareClassName = new Array();
                             var rowNumber = mygrid.getRowsNum()+1;
                            shareClassName=shareclass.split('@')
                            classDetails[0] = shareClassName[1];
                            classDetails[1] = cusip;
                            classDetails[2] = classinceptiondate;
                            classDetails[3] = classnumber;
                            classDetails[4] = status;
                            classDetails[5] = shareClassName[0]
                            mygrid.addRow(rowNumber,classDetails,1);
                            if(status=='Active'){
                            mygrid.getCombo(4).put("1","Active");
                            mygrid.getCombo(4).put("2","Inactive");
                            }else{
                            mygrid.getCombo(4).put("1","Inactive");
                            mygrid.getCombo(4).put("2","Active");
                            }
                        }else{
                       
                        mygrid = new dhtmlXGridObject('mygrid_showclassdetails');
                        mygrid.setImagePath(Gpath+"/js/dhtmlxGrid/codebase/imgs/");
                        mygrid.setHeader("ShareClass,CUSIP,Class Inception Date,Class Number,Status,shareclassid");
                        mygrid.setInitWidthsP("30,10,10,10,40,0");
                        mygrid.setColAlign("left,left,left,left,left,left");
                        mygrid.setSkin("light");
                        mygrid.setColTypes("ro,ed,dhxCalendarA,ed,co,ro");
                           mygrid.setColSorting("str,str,date,str,str,str");
                        mygrid.enableTooltips("false,false,false,false,false,false");   
                        mygrid.enableContextMenu(aMenu); // We have to use this function to enable context menu on right click.
                        mygrid.getCombo(4).put("1","Active");
                        mygrid.getCombo(4).put("2","Inactive");
                        mygrid.preventIECaching();
                        mygrid.enableRowsHover(true,'grid_hover');
                        mygrid.enableResizing("false,false,false,false,false,false");
                        mygrid.enableAutoHeight(true, "100%", null);
                        mygrid.enableAutoWidth(true, "100%", "100%");
                        mygrid.setColumnHidden(5,true);
                        mygrid.init();
                        mygrid.loadXML(Gpath+"/fundClassDetails.action?shareclass="+shareclass+"&cusip="+cusip+"&classinceptiondate="+classinceptiondate+"&classnumber="+classnumber+"&status="+status);
                    
Answer posted by Support on Jul 11, 2008 02:32
The problem still can't be reconstructed.
Please check the sample ( sent by email ) it uses the same code but works correctly in IE.