easyui datagrid合并单元格和改变某行颜色
程序员文章站
2024-02-28 19:47:16
...
合并,主要代码:
$('#test').datagrid('mergeCells', {
index : i,
field : 'exitorder',
rowspan : rowspan
});
$('#test').datagrid({
url : 'testaction.do?datagrid&kauser=' + kauser,
onLoadSuccess : function() {
var rows = $('#test').datagrid("getRows");//获取行的数据
for (var i = 0; i < rows.length; i++) {
//根据情况判断相同的数据,我这里是根据ID
var id = rows[i].exitorder;
var rowspan = 0;
for (var j = 0; j < rows.length; j++) {
if (id == rows[j].exitorder) {
//计算合并多少行
rowspan++;
}
}
if (rowspan != 0) {
//mergeCells这个方法是合并单元格,index表示标示号就是第几行开始,field表示要合并的字段,rowspan合并行数,colspan:合并列
$('#test').datagrid('mergeCells', {
index : i,
field : 'exitorder',
rowspan : rowspan
});
$('#test').datagrid('mergeCells', {
index : i,
field : 'id',
rowspan : rowspan
});
i = i + rowspan - 1;
}
}
},
});
改变颜色: 主要代码:
rowStyler: function (index, row) {
return 'background-color:#FFECEC;
}
$('#testaction').datagrid({
url: 'testaction.do?datagrid&kauser=' + kauser ,
rowStyler: function (index, row) {
if(row.dNums-0!=0){
return 'background-color:#FFECEC;';
}
if(row.sapstatus=='已核对'){
return 'background-color:#9AFF02;';
}
if(row.sapstatus=='未核对'&&row.dNums-0==0){
return 'background-color:#FFFF6F;';
}
}
};