extjs grid合并单元格
http://blog.csdn.net/kunoy/article/details/7829395
/** * Kunoy * 合并单元格 * @param {} grid 要合并单元格的grid对象 * @param {} cols 要合并哪几列 [1,2,4] */ var mergeCells = function(grid,cols){ var arrayTr=document.getElementById(grid.getId()+"-body").firstChild.firstChild.firstChild.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 = {}; //要进行跨列操作的td对象{tr:1,td:2,rowspan:5} var removeObjs = []; //要进行删除的td对象[{tr:2,td:2},{tr:3,td:2}] var col; Ext.each(cols,function(colIndex){ //逐列去操作tr var rowspan = 1; var divHtml = null;//单元格内的数值 for(var i=1;i<trCount;i++){ //i=0表示表头等没用的行 arrayTd = arrayTr[i].getElementsByTagName("td"); var cold=0; // Ext.each(arrayTd,function(Td){ //获取RowNumber列和check列 // if(Td.getAttribute("class").indexOf("x-grid-cell-special") != -1) // cold++; // }); col=colIndex+cold;//跳过RowNumber列和check列 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;//判断左边单元格值是否已display if(leftDisplay=='none') addf(); else mergef(); }else addf(); }else mergef(); } } }); };