EasyUI DataGrid根据字段动态合并单元格
来源:互联网 发布:yy直播笑声软件 编辑:程序博客网 时间:2024/05/16 01:37
1.合并方法
/**
* EasyUI DataGrid根据字段动态合并单元格
* 参数 tableID 要合并table的id
* 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");
*/
function mergeCellsByField(tableID, colList) {
var ColArray = colList.split(",");
var tTable = $("#" + tableID);
var TableRowCnts = tTable.datagrid("getRows").length;
var tmpA;
var tmpB;
var PerTxt = "";
var CurTxt = "";
var alertStr = "";
for (j = ColArray.length - 1; j >= 0; j--) {
PerTxt = "";
tmpA = 1;
tmpB = 0;
for (i = 0; i <= TableRowCnts; i++) {
if (i == TableRowCnts) {
CurTxt = "";
}
else {
CurTxt = tTable.datagrid("getRows")[i][ColArray[j]];
}
if (PerTxt == CurTxt) {
tmpA += 1;
}
else {
tmpB += tmpA;
tTable.datagrid("mergeCells", {
index: i - tmpA,
field: ColArray[j], //合并字段
rowspan: tmpA,
colspan: null
});
tTable.datagrid("mergeCells", { //根据ColArray[j]进行合并
index: i - tmpA,
field: "Ideparture",
rowspan: tmpA,
colspan: null
});
tmpA = 1;
}
PerTxt = CurTxt;
}
}
}
2.调用合并方法
//呈现列表数据
$('#List').datagrid({ pagination: true,
onLoadSuccess: function (data) {
if (data.rows.length > 0) {
//调用mergeCellsByField()合并单元格
mergeCellsByField("tbList", "No");
}
}
});
说明:
mergeCellsByField(tableID, colList) ;
参数 tableID 要合并table的id
参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");
这种方法一般情况下都不会用,因为合并出来的不美观
假如:
111151151152112如下
111511212
由于表格的限制,没法合并第三列了,3个“1”,2个“2”,合并掉,大家就明白怎么不美观了,不适合一般的查阅习惯
哈哈,根据我方法里面的红色部分,以一个为主列,其他根据他的行数合并,噢噢噢噢噢噢。成功啦
非常感谢
http://www.gogogogo.me/development/EasyUI-DataGrid-mergeCells.html
我弄了好多天没搞定,真心的祝你全家健康幸福!!!!
- EasyUI DataGrid根据字段动态合并单元格
- EasyUI DataGrid根据字段动态合并单元格
- [easyui][datagrid]EasyUI DataGrid根据字段动态合并单元格
- jQuery EasyUI DataGrid根据字段动态合并单元格
- jQuery EasyUI DataGrid根据字段动态合并单元格
- jQuery EasyUI DataGrid根据 多个 字段动态合并单元格 ,级连合并
- easyui datagrid 动态合并单元格
- EasyUI Datagrid 动态合并单元格
- JQuery EasyUI DataGrid动态合并单元格
- JQuery EasyUI DataGrid动态合并单元格
- Easyui datagrid 动态合并单元格实现
- Easyui-DataGrid纵向合并单元格(根据某列合并)
- easyUI合并DataGrid单元格
- easyui datagrid合并单元格
- easyui-datagrid 合并单元格
- easyui datagrid 单元格合并
- Easyui Datagrid 根据字段动态合并行
- EasyUI 的datagrid动态加载合并单元格代码
- 技术网站
- iOS开发-ios7下拉刷新,上提加载快速集成
- Linux下patch的制作和应用
- Installing MSSQL Module for PHP on Mac OS X
- 再谈select, iocp, epoll,kqueue及各种I/O复用机制
- EasyUI DataGrid根据字段动态合并单元格
- 网站优化之如何在网站中插入关键词
- 程序员科学熬夜指南
- 微软Azure、谷歌GAE、亚马逊AWS比较
- java.lang.NullPointerException
- Android快速开发框架andbase
- PHP关联数组与哈希表(hash table) 不指定
- 使用Ambari快速部署Hadoop大数据环境
- Android 摄像头驱动调试