首页 > 代码库 > easyUI增加视图分组的办法
easyUI增加视图分组的办法
1.在JSP头文件中引入如下代码
<script type="text/javascript" src="http://www.mamicode.com/${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.视图样例
easyUI增加视图分组的办法