整理以前做的东西,这个合并单元格的问题再新浪博客也写过了。。。。。

下面这段代码是列表数据

//载入排放系数管理报表数据
        function LoadEmissionReportData() {
            //获取计算ID
            var CountID = getUrlParam("CountID");
            $.ajax({
                type: "POST",
                url: "../Ashx/GetGasInventoryListInfo.ashx?type=getParamReport",
                data: { "CountID": "" + CountID + "" },
                datatype: "text",
                cache: false,
                success: function (data) {
                    if (data != "") {
                        var jdata = $.parseJSON(data);
                        $("#paramTable").datagrid({
                            idField: "id",      //标识字段,主键
                            pagination: false,   //是否开启分页
                            rownumbers: true,   //行号
                            singleSelect: true, //是否开启单选还是多选
                            rownumbers: true,
                            pageSize: ,
                            pageNumber: ,
                            title: "排放系数管理表",
                            width: ",
                            columns: [[
                        { field: , rowspan: , align: 'center' },
                        { field: , rowspan: , align: 'center' },
                        { field: , rowspan: , align: 'center' },
                        { field: , rowspan: , align: 'center' },
                        { title:  },
                        { field: , rowspan: , align: 'center' }
                    ],
                    [
                    { field: , align: 'center' },
                        { field: , align: 'center' },
                        { field: , align: 'center' },
                        { field: , align: 'center' },
                        { field: , align: 'center' }
                    ]
                    ],
                            data: jdata
                        });
                    }
                    else {
                        AlertMsg(");//这是我们自己写的弹框js
                    }
                },
                error: function () {
                    AlertMsg(");
                }
            });
            $("#paramTable").datagrid({
                onLoadSuccess: function (data) {
                    ) {
                        //调用mergeCellsByField()合并单元格
                        mergeCellsByField("paramTable", "ID,Ext1,SName,form");

                    }
                }
            });
        }

合并单元格的代码

 function mergeCellsByField(tableID, colList) {
            var ColArray = colList.split(","); //切割需要合并的列名
            var tTable = $("#" + tableID);
            var TableRowCnts = tTable.datagrid("getRows").length;//获取整个table的行数
            var tmpA;
            var tmpB;
            var PerTxt = "";//记录单元格的值
            var CurTxt = "";
            var alertStr = "";

            PerTxt = "";
            tmpA = ;//记录合并的行数
            tmpB = ;
            //当列名为ID时 记录合并的行索引 和合并的行数 其他列则跟着从相同索引值开始合并相同的行数
            //遍历表格
            ; i <= TableRowCnts; i++) {
                if (i == TableRowCnts) {
                //表格为空
                    CurTxt = "";
                }
                else {
                    CurTxt = tTable.datagrid("getRows")[i]["ID"];
                }
                if (PerTxt == CurTxt) {
                    tmpA += ;
                }
                else {
                    tmpB += tmpA;
                    ; j < ColArray.length; j++) {
                        tTable.datagrid("mergeCells", {
                            index: i - tmpA,
                            field: ColArray[j], //合并字段
                            rowspan: tmpA,
                            colspan: null
                        });
                    }
                    tmpA = ;
                }
                PerTxt = CurTxt;
            }
        };

效果图:

easyui datagrid 合并单元格的更多相关文章

  1. JS实现EasyUI ,Datagrid,合并单元格功能

    为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...

  2. easyui datagrid单击单元格选择此列

    示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...

  3. 扩展jquery easyui datagrid编辑单元格

    扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...

  4. Silverlight的DataGrid合并单元格

    现在也不知道还有没有同学做Silverlight开发了,我是一个Silverlight菜鸟,遇到问题也很难百度查到.就简单的记录一下这两天遇到的问题,并做了一个简单的小Demo,希望能够帮助到其他同学 ...

  5. WPF DataGrid 合并单元格

    在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...

  6. EasyUI DataGrid合并单元

    <table id="tt"></table> $('#tt').datagrid({     title:'Merge Cells',     iconC ...

  7. DataGrid合并单元格(wpf)

    在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...

  8. Easyui datagrid 扩展单元格textarea editor

    datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...

  9. C# DataGrid合并单元格

    1.栏位枚举 private enum DataGridColumn { ROWNUM = , EMPID, EMPNAME, SEX, SALARY, ADRRESS, PHONE, TEL, PO ...

随机推荐

  1. js只保留整数,向上取整,四舍五入,向下取整等函数

    1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3.四舍五入. Math.round(5/2) 4.向下取整 Math.f ...

  2. 计算机网络(11)-----TCP连接的建立和释放

    TCP连接的建立和释放 概述 TCP运输连接的建立和释放是每一次面向连接的通信中必不可少的过程,运输连接有三个阶段:连接建立,数据传送和连接释放. TCP连接的建立 如图所示,假定A主机是客户端程序, ...

  3. 计算机网络(10)-----TCP的拥塞控制

    TCP的拥塞控制 拥塞(congestion) 在某段时间,若对网络中某一资源的需求超过了该资源所能提供的可用部分,网络的性能就要变坏. 拥塞控制 拥塞控制就是防止过多的数据注入到网络中,这样可以使网 ...

  4. codeforces 501 C,D,E

    C题意: 给定n个点(标号0~n-1)的度数(就是与其邻接的点的个数)和所有与它邻接的点标号的异或和,求满足这些条件的树的边应该是怎么连的,将边输出出来 这里可以理解成拓扑排序的方式考虑,当i度数为1 ...

  5. 用powershell+excel行列转置三步走

    本文重点讲解第一步,手动在excel表中输入公式,或者用powershell自动输入公式. 第二步,用powershell向excel中写入数据,略. 第三步,用powershell从excel中读取 ...

  6. STM32时钟数

    在STM32中,有五个时钟源,为HSI.HSE.LSI.LSE.PLL. 其实是四个时钟源,如下图所示(灰蓝色),PLL是由锁相环电路倍频得到PLL时钟. ①.HSI是高速内部时钟,RC振荡器,频率为 ...

  7. 也来说说C/C++里的volatile关键字

    去年年底的样子,何登成写了一篇关于C/C++ volatile关键字的深度剖析blog(C/C++ Volatile关键词深度剖析).全文深入分析了volatile关键字的三个特性.这里不想就已有内容 ...

  8. The Nine Indispensable Rules for HW/SW Debugging 软硬件调试之9条军规

    I read this book in the weekend, and decided to put the book on my nightstand. It's a short and funn ...

  9. 第三章 Git使用入门

    我们都知道Linux和Android是开源的.Linux下的软件很多都不直接以二进制形式的安装包提供,而是直接提供了源代码,为了减少发行包的大小,用户须先下载源代码,在本机上编译并安装,使用make. ...

  10. MySQL数据库8 -子查询,联合查询

    一 使用IN关键字的子查询 问题: 查询游戏类型是'棋牌类' 的游戏的分数信息 - 游戏分数表中并未包含游戏类型信息 思路一:采用链接查询 思路二: 分两步进行,首先找到所以'棋牌类'游戏的编号,再以 ...