Start Building Professional
Web Apps Today

DataGrid

Hi!
datagrid header label's are not aligned to center.I have written one generic method inorder to pass all the required stuffs.Below mention is my sample code:
function loadData(tabObject,tabId,tabLabelName,tabPixels,dataGridDivId,header,headerColAlignArray,subHeader,subHeaderColAlignArray,cellWidth,colTypes,colAlign,dataGridObject,hideDivArray,showDivArray,windowObject,responseData,isTreeGrid){

             //hideDivObjects disable child div tags for parent div tag
             if(hideDivArray!=null)
                hideDivObjects(hideDivArray);            
                if(tabObject==null&&tabId!=null&&tabLabelName!=null&&tabPixels!=null){
                    tabObject=windowObject.attachTabbar();
                    tabObject.setImagePath(uri+"dhtmlxTabbar/codebase/imgs/");
                    tabObject.addTab(tabId,tabLabelName,tabPixels);
                    tabObject.enableAutoSize(false,true);                    
                }
                else if(tabObject!=null&&tabId!=null&&tabLabelName!=null&&tabPixels!=null&&document.getElementById(dataGridDivId).style.display=="none")
                 {
                     tabObject.addTab(tabId,tabLabelName,tabPixels);
                     tabObject.enableAutoSize(false,true);            
                 }
                if(tabId!=null&&tabLabelName!=null&&tabPixels!=null)
                {            
                tabObject.showTab(tabId);
                tabObject.setStyle("light");
                tabObject.setTabActive(tabId);
                tabObject.setContent(tabId,dataGridDivId);
                tabObject.enableAutoReSize(false) ;    
                tabObject.setOnSelectHandler(onSelectTab);
                }
                //showDivObjects enable parent div tags
             if(showDivArray!=null){
                showDivObjects(showDivArray);
                }                    
                dataGridObject= new dhtmlXGridObject(dataGridDivId);
                dataGridObject.setImagePath(uri+'dhtmlxGrid/codebase/imgs/');
                if(header!=null&&headerColAlignArray!=null)                            
                dataGridObject.setHeader(header,null,[headerColAlignArray]);
                if(subHeader!=null&&subHeaderColAlignArray!=null)                            
                dataGridObject.attachHeader(subHeader,[subHeaderColAlignArray]);
dataGridObject.setInitWidths(cellWidth);
                dataGridObject.setColAlign(colAlign);
                dataGridObject.setColTypes(colTypes);
                dataGridObject.setSkin("light");                
                dataGridObject.enableTreeCellEdit(false);                
                dataGridObject.init();    
                if(isTreeGrid)
                {            
                dataGridObject.loadXMLString(responseData,function(){ dataGridObject.expandAll()});    
                }
                else{
                 dataGridObject.loadXMLString(responseData);    
                 }
                 if(windowObject!=null)
                {
                windowObject.setModal(true);
windowObject.show();
}             
                var arr=new Array(tabObject,dataGridObject);
                return arr;
}
this function loadData I am calling in below mention function:
function outputResponse(loader)
{     if(loader.xmlDoc.responseText !=null)
{        setInitialHeight("summary_container");
             var empemail=document.changeUser.email.value;
var accessType=document.changeUser.accessType.value;
var hideDivArray=new Array("toolbarObj","tab_container","tab_contents","tab_node_contents","tab_node_alloc_contents");
var showDivArray=new Array("summary_container");            
                //loadData(tabObject,tabId,tabLabelName,tabPixels,dataGridDivId,header,headerColAlignArray,subHeader,subHeaderColAlignArray,cellWidth,colTypes,colAlign,dataGridObject,hideDivArray,showDivArray,windowObject,responseData,isTreeGrid)
                var arr=loadData(null,null,null,null,"summary_container","Goal,#cspan,#cspan,Bookings,#cspan,Backlog,Revenue,#cspan,Commission,#cspan,#cspan",new Array("text-align:center;font-size:2","text-align:center;font-size:2","text-align:center;font-size:2","text-align:center;font-size:2","text-align:center;font-size:2"),"Description,Goal,CUR,Bookings(USD),My Comm Bookings,My Comm Backlog,My Comm Revenue,% Goal (Rev),ICC Estimate,ICC Paid,Estimated/Future Pmt",new Array("text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center"),"*,85,30,95,95,80,95,40,65,55,55","tree,ro,ro,link,ro,link,ro,ro,ro,ro,ro","left,right,center,right,right,right,right,right,right,right,right",summarygrid,hideDivArray,showDivArray,null,loader.xmlDoc.responseText,true);            
     summarygrid=arr[1];
    
     getHeight("summary_container",summarygrid.getRowsNum(),80)
                    loadingEnded();                
}    
}

Instead of 

  dataGridObject.setHeader(header,null,[headerColAlignArray]); 
  dataGridObject.attachHeader(subHeader,[subHeaderColAlignArray]); 

You need to use 

  dataGridObject.setHeader(header,null,headerColAlignArray); 
  dataGridObject.attachHeader(subHeader,subHeaderColAlignArray); 

currently you defining array two times - once when loadData called ( new Array ) and second time when setHeader command executed ( [] )

thanks ....its working fine