easyUI增加视图分组的办法

1.在JSP头文件中引入如下代码

<script type="text/javascript" src="${pageContext.request.contextPath}/lib/easyui-1.4/datagrid-groupview.js"></script>

 

2.在js中的表格属性下面写以下代码

view:groupview, groupField:'TASK_ID',//要分组的字段名 groupFormatter:function(value,rows){ //写一个函数实现分组后的栏目上的显示数据，rows包含了被分组的所有列数据，value是分组的字段名 var sum_score=0; for(var i=0;i<rows.length;i++){ //判断是否转发 if(parseInt(rows[i].TASK_IS_TRANSMIT)==0) { sum_score+=parseInt(rows[i].TASK_DETAIL_SCORE); } } return value + '     总得分：' + sum_score+'    共有'+rows.length + '条 URL(s)'; },

 

3.视图样例

 

转载于:https://www.cnblogs.com/Lxiaojiang/p/6011257.html