easyUI增加视图分组的办法

时间:2023-03-09 06:10:58
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 + ' &nbsp;&nbsp;&nbsp;&nbsp;总得分:' + sum_score+'&nbsp;&nbsp;&nbsp;&nbsp;共有'+rows.length + '条 URL(s)';
},

3.视图样例

easyUI增加视图分组的办法