easyui datagrid 合并单元格
整理以前做的东西,这个合并单元格的问题再新浪博客也写过了。。。。。
下面这段代码是列表数据
//载入排放系数管理报表数据
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 合并单元格的更多相关文章
- JS实现EasyUI ,Datagrid,合并单元格功能
为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...
- easyui datagrid单击单元格选择此列
示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- Silverlight的DataGrid合并单元格
现在也不知道还有没有同学做Silverlight开发了,我是一个Silverlight菜鸟,遇到问题也很难百度查到.就简单的记录一下这两天遇到的问题,并做了一个简单的小Demo,希望能够帮助到其他同学 ...
- WPF DataGrid 合并单元格
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- EasyUI DataGrid合并单元
<table id="tt"></table> $('#tt').datagrid({ title:'Merge Cells', iconC ...
- DataGrid合并单元格(wpf)
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- Easyui datagrid 扩展单元格textarea editor
datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...
- C# DataGrid合并单元格
1.栏位枚举 private enum DataGridColumn { ROWNUM = , EMPID, EMPNAME, SEX, SALARY, ADRRESS, PHONE, TEL, PO ...
随机推荐
- 设置dos窗口的背景色与前景色
在dos中输入help会列出各种命令,其中有一个color命令可以用来设置当前窗口的前景色和背景色,输入help color会列出使用方法,内容如下: 设置默认的控制台前景和背景颜色. COLOR [ ...
- JS日期类型处理
Date 操作日期和时间的对象 Date.getDate( ) 返回一个月中的某一天 Date.getDay( ) 返回一周中的某一天 Date.getFullYear( ) 返回Date对象的年份字 ...
- doctype声明的重要性-------这绝对是ie的坑, 与angular无关, 我错怪你啦
今天开发一个页面, 自己写页面, 自己实现功能. 因为以往需求都没有要求兼容ie9, 所以并未发现此坑. 今天就记录下来. 贴图对比 ie9 chrome 如图, ie9界面显示错误. 起初以为是a ...
- js实现当前导航菜单高亮显示
为了增加用户体验度,增加网页的易用性和美观度,往往需要把当前导航菜单以特殊方式显示,通常是高亮显示或有不同于其它菜单的背景,有两种方法可以实现,第一种是用纯css来实现,二是用js辅助css来实现,两 ...
- 浅谈c语言的指针
对于非计算机专业的同学,c语言的指针往往就是老师的一句“指针不考“就带过了.c语言的指针号称是c语言的灵魂,是c语言中最精妙的部分. 指针本质上也是变量,也就是一段内存,只是他的特殊之处是他存储的数据 ...
- Ajax 语法
/*** * ajax语法 * * ***/ $.ajax({ async:false, //同步请求 url:"XXXXX.do",//请求后台地址 data: {"p ...
- Android内存优化之 LruCache与DiskLruCache
在日常的Adroid开发中我们经常遇到需要处理大量图片的地方,但Android手机的内存有限该怎么避免手机 内存溢出导致app程序oom,google提供了两种解决方式 LruCache LruCac ...
- MVC教程相关
本教程所有文章导航 本系列共10篇文章,翻译自Asp.Net MVC4 官方教程,由于本系列文章言简意赅,篇幅适中,从一个示例开始讲解,全文最终完成了一个管理影片的小系统,非常适合新手入门Asp.Ne ...
- 第三章 DOM
节点的概念 5个常用的DOM方法:getElementById.getElementsByTagName.getElementsByClassName.getAttribute.getAttribut ...
- 《SharePoint 2013 应用开发实战》目录
博客地址:http://blog.csdn.net/FoxDave 第 1 章 1 ◄SharePoint概述► 1 1.1 SharePoint的发展历程 1 1.1.1 Sha ...