easyui datagrid行合并
2024-08-30 02:43:28
easyui datagrid行合并
合并方法
/**
* 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
});
tmpA = 1;
}
PerTxt = CurTxt;
}
}
}
调用方法
//呈现列表数据
$('#List').datagrid({ pagination: true,
onLoadSuccess: function (data) {
if (data.rows.length > 0){
//调用函数合并单元格,2000是延迟加载时间
setTimeout("mergeCellsByField(/"tbList/", /"No/")",2000);
}
}
});
最新文章
- 表单验证:$tablePrefix(定义表前缀);$trueTableName = &#39;yonghu&#39;,找到真实表名(yonghu)表;create($attr,0)两个参数;批量验证(返回数组);ajax+动态验证表单
- Win10 驱动装不上,提示:Windows 无法验证此设备所需的驱动程序的数字签名。该值受安全引导策略保护,无法进行修改或删除。
- SQL2005中的事务与锁定(九)- 转载
- zabbix监控tomcat
- HTML实体符号
- zabbix 布署实践【7 H3C网络设备监控模版制作思路】
- ajax提交File文件
- 【开源】接口管理平台eoLinker AMS&#160;开源版3.1.5同步线上版!免费增加大量功能!
- Docker Dockerfile
- centos7默认防火墙firewalld
- IIS + FastCGI+php(从5.2升级到5.3)
- 埋锅。。。BZOJ1004-置换群+burnside定理+
- MySQL中binlog参数:binlog_rows_query_log_events-记录具体的SQL【转】
- 使用git创建与合并分支
- SSH 等效性问题 总提示输入密码问题
- 【python】解决No module named _sqlite3的问题
- 最近玩的centos7.3用的防火墙转载
- unistd.h文件
- C#的lock语句
- DICOM中的入门概念