easyui datagrid合并列中相同的单元格

$(function(){
	/**
	 * Name 载入数据
	 */
	//不显示 显示正常用户按钮
	//控制页面大小
	var h;
	h = $(window).height()-20;
	$(window).resize(function(){ 
		h = $(window).height()-20;
		$('#wu-datagrid-2').datagrid('resize',{height:h});
	});
	$('#wu-datagrid-2').datagrid({
		url:'../requisitionAction!getRequisitions.action',
		loadFilter:pagerFilter,	//过滤	
		rownumbers:true,
		singleSelect:true,
		height:h,
		pageSize:20,           
		pagination:true,
		fitColumns:true,
		striped: true, 
		loadMsg:"正在努力加载数据,请等待...",
		remoteSort:true, 
		collapsible:false,//是否可折叠的 
		frozenColumns:[[
		                { field:'ck', checkbox:'true'},
		                { field:'RLydh',title:'领用单号',sortable:true},
		                { field:'RLydzt',title:'申请单状态',sortable:true,
		                	formatter:function(value,row,index){
		                		if(value=="0"){
		                			return  '<span style="color:orange">未处理</span>';
		                		}else if(value=="2"){
		                			return  '<span style="color:green">已处理</span>';
		                		}else if(value=="1"){
		                			return  '<span style="color:red">被驳回</span>';
		                		}
		                	}
		                }
		                ]],
		                onLoadSuccess: function (data) {
    	                    if (data.rows.length > 0) {
		                        //调用mergeCellsByField()合并单元格
								alert("1111111");
		                        mergeCellsByField("wu-datagrid-2", "RSscp,RKhmc,RShr,RLxdh,RShdz");
		                    }
    	                },
		                	columns:[[
		                	          { field:'RSscp',title:'所属产品',sortable:true},
		                	          { field:'RKhmc',title:'客户名称',sortable:true},
		                	          { field:'RShr',title:'收货人',sortable:true},
		                	          { field:'RLxdh',title:'联系电话',sortable:true},
		                	          { field:'RShdz',title:'收货地址',sortable:true},
		                	          { field:'RJhfs',title:'交货方式',sortable:true},
		                	          { field:'RFhrq',title:'发货日期',sortable:true,
		                	        	  //格式化时间
		                	        	  formatter : function(value){
		                	        		  if (value == null || value == '') {  
		                	        			  return '';  
		                	        		  }  
		                	        		  var date = new Date(value);
		                	        		  var y = date.getFullYear();
		                	        		  var m = date.getMonth() + 1;
		                	        		  var d = date.getDate();
		                	        		  return y + '-' +m + '-' + d;
		                	        	  }
		                	          },
		                	          { field:'RGzlb',title:'故障类别',sortable:true},
		                	          { field:'RFwlb',title:'服务类别',sortable:true},
		                	          { field:'RFylb',title:'费用类别',sortable:true},
		                	          { field:'RSsxs',title:'所属销售',sortable:true},
		                	          { field:'RLrry',title:'经办人',sortable:true,
		                	        	  formatter:function(value,row,index){
		                	        		  if (value == null || value == '') {  
		                	        			  return '';  
		                	        		  }else{
		                	        			  return '<a href="#" onclick="getUserInfo('+index+')" style="color:blue">'+value+'</a>';  
		                	        		  }
		                	        	  }
		                	          },
		                	          { field:'RSqr',title:'申请人',sortable:true},
		                	          { field:'RLrsj',title:'申请单录入时间',sortable:true},
		                	          { field:'RClry',title:'处理人员',sortable:true},
		                	          { field:'RClsj',title:'处理时间',sortable:true},
		                	          { field:'RClbz',title:'处理备注',sortable:true},
		                	          { field:'RFcdh',title:'返厂单号',sortable:true,
		                	        	  formatter:function(value,row,index){
		                	        		  if(value=="null"||value==""||value==null){
		                	        			  return  '<span></span>';
		                	        		  }else{
		                	        			  return  '<span>'+value+'</span>';
		                	        		  }
		                	        	  }
		                	          },
		                	          { field:'RChdh',title:'出货单号',sortable:true}
		                	          ]]
	});
});

function mergeCellsByField(tableID, colList) {
	alert("tableID--"+tableID+"---colList--"+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;        
        }      
    }    
}

 

 

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值