欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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;';
               }

            }
};