easyUI单元格合并自定义封装 (一)

1、指定列的行合并

* 效果图：

* 程序：

[javascript] view plain copy

1. function mergeGridColCells(grid,rowFildName)  
2. {  
3.        var rows=grid.datagrid('getRows' );  
4.        //alert(rows.length);  
5.        //alert(rows[1][rowFildName]);  
6.        var startIndex=0;  
7.        var endIndex=0;  
8.        if(rows.length< 1)  
9.       {  
10.              return;  
11.       }  
12.       $.each(rows, function(i,row){  
13.              if(row[rowFildName]==rows[startIndex][rowFildName])  
14.             {  
15.                   endIndex=i;  
16.             }  
17.              else  
18.             {  
19.                   grid.datagrid( 'mergeCells',{  
20.                         index: startIndex,  
21.                         field: rowFildName,  
22.                         rowspan: endIndex -startIndex+1  
23.                   });  
24.                   startIndex=i;  
25.                   endIndex=i;  
26.             }  
27.   
28.       });  
29.  grid.datagrid( 'mergeCells',{  
30.                   index: startIndex,  
31.                   field: rowFildName,  
32.                   rowspan: endIndex -startIndex+1  
33.       });  
34. }  

*参数说明

grid：        easyUI的datagrid对象

rowFildName： 和并列的field属性值