1、指定列的行合并

* 效果图：

 

* 程序：

  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. grid.datagrid( 'mergeCells',{
  29. index: startIndex,
  30. field: rowFildName,
  31. rowspan: endIndex -startIndex+1
  32. });
  33. }
 
*参数说明

grid：        easyUI的datagrid对象
rowFildName： 和并列的field属性值
 
 
 
  1. 源代码如下：

    1. function mergeGridColCells(grid,refCols,rowFildNames)
    2. {
    3. var rows=grid.datagrid('getRows' );
    4. //alert(rows.length);
    5. //alert(rows[1][rowFildName]);
    6. var flag=false ;
    7. var startIndex=0;
    8. var endIndex=0;
    9. if(rows.length< 1)
    10. {
    11. return;
    12. }
    13. $.each(rows, function(i,row){
    14. $.each(refCols, function(j,refCol){
    15. if(row[refCol]!=rows[startIndex][refCol])
    16. {
    17. flag= false;
    18. return false ;
    19. }
    20. else
    21. {
    22. flag= true;
    23. }
    24. });
    25. //if(row[rowFildName]==rows[startIndex][rowFildName])
    26. if(flag)
    27. {
    28. endIndex=i;
    29. }
    30. else
    31. {
    32. $.each(rowFildNames, function(k,rowFildName){
    33. grid.datagrid( 'mergeCells',{
    34. index: startIndex,
    35. field: rowFildName,
    36. rowspan: endIndex -startIndex+1,
    37. colspan: null
    38. });
    39. });
    40. startIndex=i;
    41. endIndex=i;
    42. }
    43. });
    44. $.each(rowFildNames, function(k,rowFildName){
    45. grid.datagrid( 'mergeCells',{
    46. index: startIndex,
    47. field: rowFildName,
    48. rowspan: endIndex -startIndex+1,
    49. colspan: null
    50. });
    51. });
    52. }
  2. 参数说明
    grid：        easyUI的datagrid对象

    refCols        合并参考列数组，及这些列都相等则合并rowFildNames指定的列
    rowFildNames： 和并列的field属性值及要合并的列数组

  3.  
    示例：mergeGridColCells($('#serviceTypeTable'),['serviceTypeId','areaId'],['areaName']);

最新文章

  1. 不就是抽个血吗，至于么-jQuery，Linux完结篇
  2. android之merge布局
  3. ［linux basic 基础］----同步互斥量
  4. ubuntu下的文本查看相关命令
  5. bzoj 1853: [Scoi2010]幸运数字 容斥
  6. CodeForces Round #179 (295A) - Greg and Array 一个线段树做两次用
  7. Sunny谈软件架构
  8. java什么叫线程安全？什么叫不安全？
  9. java学习笔记-输入输出流
  10. VisualSVN Server 服务器搭建 和 TortoiseSVN的配置和使用方法
  11. Ubuntu 16.04 安装 postgresql 9.3
  12. 10 -- 深入使用Spring -- 5...1 使用Quartz
  13. idea如何打war包？（部署tomcat后具有class文件）
  14. 收集一些常用的CDN链接！无需下载快速使用！
  15. 【[SDOI2014]数表】
  16. Guava API - FluentIterable Predicate Function Odering Range Splitter
  17. ECShop 2.x 3.0代码执行漏洞分析
  18. centos 查看mysql数据库命令
  19. JSONObject常用的API
  20. JS中，根据div数值判断弹出窗口

热门文章

  1. zoj The 12th Zhejiang Provincial Collegiate Programming Contest Convert QWERTY to Dvorak
  2. jQuery中处理事件冒泡的方法和取消后续内容的方法
  3. mac office
  4. 关于C# winform 快速制作不规则边框的方法
  5. oracle ebs request一直pending
  6. Headless MSBuild Support for SSDT (*.sqlproj) Projects
  7. C++字符串和string类介绍
  8. js之arguments对象的使用
  9. Imageloarder
  10. IT书籍的选择与阅读