easyui生成合并行,合计计算价格

easyui生成合并行,合计计算价格

注：本文来源： 原创

一：图样你效果图

二：代码实现

1：datagrid 列展示：

	window.dataGrid = $("#dataGrid").widgets({
		xtype:"datagrid",
		idField:'gf_id',
		pagination:true,
		cellTip:true,
		fit:true,
		border:false,
		height:480,
		rownumbers:true,
		pageSize:global_pageSize,
		pageList:global_pageList,
		showFooter:true,

		frozenColumns:[
		               [
		                {field:'check',checkbox:true},
					  	{field:'adjust_typename',title:'调整方式名称'     ,width:80,halign:'center',align:'left'},
					    {field:'adjust_and_amt',title:'追加方金额'        ,width:150,halign:'center',align:'right'},
				    	{field:'adjust_and_amt',title:'追减方金额'        ,width:150,halign:'center',align:'right'}
		               ]
		              ]

			});
	$('#dataGrid').datagrid({
	    rowStyler:function(index,row){
	        if (row.zb_id=="小计"){
	            return 'background-color:#D7FFEE;';
	        }
	    }
	});

2：小计的实现：

window.detailGridBind = $W.databind.arrayDatabind({
		id:'detailGridBind',
		name:'主表绑定',
		autoload:true,
		noReload:true,
		pageSize:global_pageSize,
		binds:['#dataGrid'],
		beforeLoad:function (param) {
			param.ys_zxtz_id=window.ys_zxtz_id;

		},afterLoad:function(data){

				//-------增加小计----------------------------------------
				var flag=0;
				var len = data.data.length;

				/*if(len>0){
					$("#remark").val(data.data[0].remark);
					$("#remarks").val(data.data[0].remarks);
				}*/

				for(var i=0;i<len;i++){
					if(i + 1 < len){
						var row=data.data[i];
						var rowNext=data.data[i+1];
						if(row.order_id != rowNext.order_id){
							debugger;
							var rowParam = compute(i+1,flag,data.data);
							flag=i+2;
							data.data.splice(rowParam.index,0,rowParam.row);
							i++;
							len++;
							var index = rowParam.index;
						}
					}else{
						    debugger;
							var rowParam = compute(i+1,flag,data.data);
							data.data.splice(rowParam.index,0,rowParam.row);
							var index = rowParam.index;
							break;
					}
			   }



			}

 			return data;

        },onLoadSuccess:function(data){


        }
	});

3：金额 统计

//统计列函数,返回插入行参数
function compute(index,flag,data){
	var total_1 = 0;
	var total_2 = 0;
	for(var i=flag;i<index;i++){
		total_1 +=  parseFloat(data[i].adjust_and_amt==undefined?0.00:data[i].adjust_and_amt);
		total_2 +=  parseFloat(data[i].adjust_sub_amt== undefined?0.00:data[i].adjust_sub_amt);
	}
	 window.param={
		index:index,
		row:{adjust_typename:"小计",adjust_and_amt:formatMoney(total_1,2),adjust_sub_amt:formatMoney(total_2,2)
		}
	}
	return param;
}

4：金额 格式化

/**
 * 金额数据校验：
 * @param data
 * @returns {Array}
 */
function  dataMathFormatBoolean(data){
	var regexp_js1=/^-?(?:0|[1-9][0-9]*|(?:[1-9][0-9]{0,2})(?:(?:,[0-9]{3})*))(?:\.[0-9]+)?$/;//千分位 数字格式化正则校验表达式 /^(-)?\d{1,3}(,\d{3})*(.\d+)?$/ 
	var returnData=[];
    //把 不是数字型数据（如:segsdg2323）给返回回去；让用户重新输入
    if(!regexp_js1.test(Money2Num(data))){
    	 returnData.data=data;
    	 returnData.Falg=false;//不符合要求
    }else{
    	 returnData.data=parseFloat(trm((data+'').replace(/,/g,'')));
    	 returnData.Falg=true;//符合要求
    }
    return returnData;
}

/**
 *  金额值格式化
 * @param value
 * @returns
 */
function  commonFormatMoney(value){
	var arrayData= dataMathFormatBoolean(value);
    if(!arrayData.Falg){
    	 $.messager.alert("警告",arrayData.data+" 不符合要求，请输入正确格式；如：123或123.235或-123.456或-122 ","warning");
    	return;
    }
    return formatMoney(arrayData.data, 2);
}


/*
* formatMoney(s,n)
* 功能：金额按千位逗号分割
* 参数：n，需要格式化的金额数值.
* 参数：type,判断格式化后的金额是否需要小数位.
* 返回：返回格式化后的数值字符串.
*/
function formatMoney(s, n) {
	 n =( (n >= 0 && n <= 20) ? n : 2); //小数点后小数位数的格式长度为0~20
	//判断是否为数值型数据：例如：1；0；-1；如果非数值类型如（wesf,wef12）则返回 0；
	if(!(/^-?(?:0|[1-9][0-9]*|(?:[1-9][0-9]{0,2})(?:(?:,[0-9]{3})*))(?:\.[0-9]+)?$/.test(trm((s+'').replace(/,/g,''))))) {
		   s=parseFloat(0).toFixed(n);
		}else if (s == null || s == ""){
			//判断是否为空或者是null  如果是 则返回数值0
		   s=parseFloat(0).toFixed(n);
		}else{
		    var symbol='-';//声明 ’-‘号；用于对负数的格式化的处理
		    if(s>=0){
			 symbol='+';
			}else{
			  symbol='-';
			  s=Math.abs(s);
			}
		    /**
		     * 格式化：核心代码
		     */

			s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; //去掉空格 并格式化小数
			var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; //数据以 . 拆分
			t = "";
			for (i = 0; i < l.length; i++) {
				t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
			}
			 s= t.split("").reverse().join("") + "." + r;
			 if(n==0){
				 s= t.split("").reverse().join("");
			 }
			 /**
			  * 对于’-111‘格式的数据的格式化的处理
			  */
			 if(symbol=='-'){
			   if(s.length<4){
			     s=parseFloat(symbol+s).toFixed(n);
			   }else{
			     s=symbol+s;
			   }
			}
		}
		return s;
}
/**
 * 把已经被千分位格式化‘,’的数据，转换为数值型数据
 * @param money  已经格式化的数据
 * 思路：先把所有的‘,’替换为空格，
 * 再把空格去掉，
 *  再转换为浮点型
 */
function Money2Num(money){
	return  parseFloat(trm((money+'').replace(/,/g,'')));
}

————————————————————————————————————————————————————————————————————————