自定义表格的列 - jeesite记录

自定义表格的列，及列中的数据

效果图

前端代码

<script>
	var columnModelArr  = [
	   	{header:'${text("规则名称")}', name:'name', index:'a.name', width:80, align:"left", frozen:true, formatter: function(val, obj, row, act){
	   		return '<a href="${ctx}/business/ruleInfo/welfareForm?id='+row.id+'" class="btnList" data-title="${text("编辑规则管理")}">'+(val||row.id)+'</a>';
		}},
		{header:'${text("规则组名称")}', name:'ruleGroupInfo.name', index:'rgi.name', width:80, align:"center"},
		
	];
	
$(document).ready(function() {
	var data = ${timeTypeList};
	for(i = 0; i < data.length; i++){
		var value = {};
		value["header"] = data[i].name;
		value["name"] = data[i].id;
		value["sortable"] = false;
		value["width"] = 80;
		value["align"] = "center";
		value["frozen"] = true;
		value["formatter"] = function(val, obj, row, act){
			var data="";
	   		var arr = row.welfareInfoArr;
			if(arr){
				for(i = 0; i < arr.length; i++){
					if(arr[i].tagId == obj.colModel.name){
						if(arr[i].firstAmount){
							data += "第一次消费金额：<span style='color:red;'>"+arr[i].firstAmount+"</span> 元</br>";
						}
						if(arr[i].twoAmount){
							data += "第二次消费金额：<span style='color:red;'>"+arr[i].twoAmount+"</span> 元</br>";
						}
						if(arr[i].otherAmount){
							data += "第N次消费金额：<span style='color:red;'>"+arr[i].otherAmount+"</span> 元</br>";
						}
					}
				}
			}
	   		return data;
	   	};
		columnModelArr.push(value);
	}
	//操作列
	var value = {};
	value["header"] = "操作";
	value["name"] = 'actions';
	value["sortable"] = false;
	value["width"] = 50;
	value["title"] = false;
	value["align"] = "center";
	value["frozen"] = true;
	value["formatter"] = function(val, obj, row, act){
		var actions = [];
		<% if(hasPermi('business:ruleInfo:edit')){ %>
			actions.push('<a href="${ctx}/business/ruleInfo/welfareForm?id='+row.id+'&type=3" class="btnList" data-layer="true" title="${text("编辑规则管理")}"><span class="badge bg-green"}>编辑</span></a>&nbsp;');
			actions.push('<a href="${ctx}/business/ruleInfo/delete?id='+row.id+'" class="btnList" title="${text("删除规则管理")}" data-confirm="${text("确认要删除该规则管理吗？")}"><span class="badge bg-red">删除</span></a>&nbsp;');
		<% } %>
		return actions.join('');
	};
	columnModelArr.push(value);

	// 初始化DataGrid对象
	$('#dataGrid').dataGrid({
		searchForm: $("#searchForm"),
		columnModel: columnModelArr,
		// 加载成功后执行事件
		ajaxSuccess: function(data){
			
		}
	});
}); 
</script>