easyUI单元格合并自定义封装（二）

1. 效果图：
   
   效果图与 easyUI单元格合并自定义封装 (一) 效果图一致
   
   
   
2. 源代码如下：
   
   

   function mergeGridColCells(grid,refCols,rowFildNames)
         {
                var rows=grid.datagrid('getRows' );
                //alert(rows.length);
                //alert(rows[1][rowFildName]);
                var flag=false ;
                var startIndex=0;
                var endIndex=0;
                if(rows.length< 1)
               {
                      return;
               }
               $.each(rows, function(i,row){
                 $.each(refCols, function(j,refCol){
                       if(row[refCol]!=rows[startIndex][refCol])
                       {
                             flag= false;
                             return false ;
                       }
                       else
                       {
                             flag= true;
                       }
                 });
                     //if(row[rowFildName]==rows[startIndex][rowFildName])
                     if(flag)
                     {
                           endIndex=i;
                     }
                      else
                     {
                            $.each(rowFildNames, function(k,rowFildName){
                                  grid.datagrid( 'mergeCells',{
                                       index: startIndex,
                                       field: rowFildName,
                                       rowspan: endIndex -startIndex+1,
                                       colspan: null
                                 });
                            });
                          
                           startIndex=i;
                           endIndex=i;
                     }
               });
               $.each(rowFildNames, function(k,rowFildName){
                      grid.datagrid( 'mergeCells',{
                                 index: startIndex,
                                 field: rowFildName,
                                 rowspan: endIndex -startIndex+1,
                                 colspan: null
                           });
             });
         }
   

   
   
   
3. 参数说明
   

   grid：        easyUI的datagrid对象
   

   refCols        合并参考列数组，及这些列都相等则合并rowFildNames指定的列

   rowFildNames： 和并列的field属性值及要合并的列数组
   
   
4. 示例： mergeGridColCells($('#serviceTypeTable'),['serviceTypeId','areaId'],['areaName']);