ExtJs4grid合並行

在做項目的時候，要求多行的同列數據相同進行合並，ExtJs4並沒有原生的支持，網上有些方法可以供使用，它可以將我們傳入的gird進行指定列相同數據行進行合並，記錄如下：

/*
*合並行
*grid被格式化的表格
*cols要合並的列，數組類型，如[1,2] 合並第1列和第2列
*/
var mergeCells = function(grid,cols){  
                var arrayTr=document.getElementById(grid.getId()+"-body").getElementsByTagName('tbody')[0].getElementsByTagName('tr');
                
                var trCount = arrayTr.length;  
                var arrayTd;  
                var td;  
                var merge = function(rowspanObj,removeObjs){ 
                    if(rowspanObj.rowspan != 1){  
                        arrayTd =arrayTr[rowspanObj.tr].getElementsByTagName("td"); 
                        td=arrayTd[rowspanObj.td-1];  
                        td.rowSpan=rowspanObj.rowspan;  
                        td.vAlign="middle";               
                        Ext.each(removeObjs,function(obj){ 
                            arrayTd =arrayTr[obj.tr].getElementsByTagName("td");  
                            arrayTd[obj.td-1].style.display='none';                           
                        });  
                    }     
                };    
                var rowspanObj = {};        
                var removeObjs = []; 
                var col;  
                Ext.each(cols,function(colIndex){  
                    var rowspan = 1;  
                    var divHtml = null;          
                    for(var i=0;i<trCount;i++){   
                    arrayTd = arrayTr[i].getElementsByTagName("td");  
                        var cold=0;  
     
                        col=colIndex+cold;  
                        if(!divHtml){  
                            divHtml = arrayTd[col-1].innerHTML;  
                            rowspanObj = {tr:i,td:col,rowspan:rowspan}
                        }else{  
                            var cellText = arrayTd[col-1].innerHTML;  
                            var addf=function(){   
                                rowspanObj["rowspan"] = rowspanObj["rowspan"]+1;  
                                removeObjs.push({tr:i,td:col});  
                            if(i==trCount-1)  
                                    merge(rowspanObj,removeObjs);  
                            };  
                            var mergef=function(){  
                                merge(rowspanObj,removeObjs);  
                                divHtml = cellText;  
                                rowspanObj = {tr:i,td:col,rowspan:rowspan}  
                                removeObjs = [];  
                            };  
                            if(cellText == divHtml){  
                                if(colIndex!=cols[0]){   
                                    var leftDisplay=arrayTd[col-2].style.display;   
                                    if(leftDisplay=='none')  
                                        addf();   
                                    else  
                                        mergef();                             
                                }else  
                                    addf();                                           
                            }else  
                                mergef();             
                        }  
                    }  
                });   
            };

使用時只需調用該方法即可進行格式化顯示，調用示例如下：

        //調用方法合並行
        grid.getStore().on('load',function(){  
            //調用方法合並相同行數據
            mergeCells(grid,[1,2]);  
         });