EasyUi的DataGrid组件扩展，统计当前页信息

时间：2015-12-15 12:17:33 阅读：265 评论：0 收藏：0 [点我收藏+]

标签：

1. [代码]使用方法

// 为datagrid开启统计功能
$(‘#list‘).datagrid({
    ..... // 此处代码略
    showFooter : true,
    onLoadSuccess : function() {
        $(‘#list‘).datagrid(‘statistics‘);
    }
});
// 统计某列（参照金额列）
<table id="list">
    <thead>
    <tr>
        <th field="no" width="100">序号</th>
        <th field="data" width="100">日期</th>
        <th field="money" width="100"
                formatter="formatMoney" align="right"
                sum="true" avg="true" min="true" max="true" >金额(元)</th>
        <th field="status" width="60" sortable="true">有效状态</th>
    </tr>
    </thead>
</table>

2. [图片] 效果演示

$.extend($.fn.datagrid.methods, {
    statistics: function (jq) {
        var opt=$(jq).datagrid(‘options‘).columns;
        var rows = $(jq).datagrid("getRows");
         
        var footer = new Array();
        footer[‘sum‘] = "";
        footer[‘avg‘] = "";
        footer[‘max‘] = "";
        footer[‘min‘] = "";
         
        for(var i=0; i<opt[0].length; i++){
            if(opt[0][i].sum){
                footer[‘sum‘] = footer[‘sum‘] + sum(opt[0][i].field)+ ‘,‘;
            }
            if(opt[0][i].avg){
                footer[‘avg‘] = footer[‘avg‘] + avg(opt[0][i].field)+ ‘,‘;
            }
            if(opt[0][i].max){
                footer[‘max‘] = footer[‘max‘] + max(opt[0][i].field)+ ‘,‘;
            }
            if(opt[0][i].min){
                footer[‘min‘] = footer[‘min‘] + min(opt[0][i].field)+ ‘,‘;
            }
        }
 
        var footerObj = new Array();
         
        if(footer[‘sum‘] != ""){
            var tmp = ‘{‘ + footer[‘sum‘].substring(0,footer[‘sum‘].length - 1) + "}";
            var obj = eval(‘(‘ + tmp + ‘)‘);
            if(obj[opt[0][0].field] == undefined){
                footer[‘sum‘] += ‘"‘ + opt[0][0].field + ‘":"<b>当页合计:</b>"‘;
                obj = eval(‘({‘ + footer[‘sum‘] + ‘})‘);
            }else{
                obj[opt[0][0].field] = "<b>当页合计:</b>" + obj[opt[0][0].field];
            }
            footerObj.push(obj);
        }
         
        if(footer[‘avg‘] != ""){
            var tmp = ‘{‘ + footer[‘avg‘].substring(0,footer[‘avg‘].length - 1) + "}";
            var obj = eval(‘(‘ + tmp + ‘)‘);
            if(obj[opt[0][0].field] == undefined){
                footer[‘avg‘] += ‘"‘ + opt[0][0].field + ‘":"<b>当页均值:</b>"‘;
                obj = eval(‘({‘ + footer[‘avg‘] + ‘})‘);
            }else{
                obj[opt[0][0].field] = "<b>当页均值:</b>" + obj[opt[0][0].field];
            }
            footerObj.push(obj);
        }
         
        if(footer[‘max‘] != ""){
            var tmp = ‘{‘ + footer[‘max‘].substring(0,footer[‘max‘].length - 1) + "}";
            var obj = eval(‘(‘ + tmp + ‘)‘);
             
            if(obj[opt[0][0].field] == undefined){
                footer[‘max‘] += ‘"‘ + opt[0][0].field + ‘":"<b>当页最大值:</b>"‘;
                obj = eval(‘({‘ + footer[‘max‘] + ‘})‘);
            }else{
                obj[opt[0][0].field] = "<b>当页最大值:</b>" + obj[opt[0][0].field];
            }
            footerObj.push(obj);
        }
         
        if(footer[‘min‘] != ""){
            var tmp = ‘{‘ + footer[‘min‘].substring(0,footer[‘min‘].length - 1) + "}";
            var obj = eval(‘(‘ + tmp + ‘)‘);
             
            if(obj[opt[0][0].field] == undefined){
                footer[‘min‘] += ‘"‘ + opt[0][0].field + ‘":"<b>当页最小值:</b>"‘;
                obj = eval(‘({‘ + footer[‘min‘] + ‘})‘);
            }else{
                obj[opt[0][0].field] = "<b>当页最小值:</b>" + obj[opt[0][0].field];
            }
            footerObj.push(obj);
        }
         
         
         
        if(footerObj.length > 0){
            $(jq).datagrid(‘reloadFooter‘,footerObj); 
        }
         
         
        function sum(filed){
            var sumNum = 0;
            for(var i=0;i<rows.length;i++){
                sumNum += Number(rows[i][filed]);
            }
            return ‘"‘ + filed + ‘":"‘ + sumNum.toFixed(2) +‘"‘;
        };
         
        function avg(filed){
            var sumNum = 0;
            for(var i=0;i<rows.length;i++){
                sumNum += Number(rows[i][filed]);
            }
            return ‘"‘ + filed + ‘":"‘+ (sumNum/rows.length).toFixed(2) +‘"‘;
        }
 
        function max(filed){
            var max = 0;
            for(var i=0;i<rows.length;i++){
                if(i==0){
                    max = Number(rows[i][filed]);
                }else{
                    max = Math.max(max,Number(rows[i][filed]));
                }
            }
            return ‘"‘ + filed + ‘":"‘+ max +‘"‘;
        }
         
        function min(filed){
            var min = 0;
            for(var i=0;i<rows.length;i++){
                if(i==0){
                    min = Number(rows[i][filed]);
                }else{
                    min = Math.min(min,Number(rows[i][filed]));
                }
            }
            return ‘"‘ + filed + ‘":"‘+ min +‘"‘;
        }
    }
});

EasyUi的DataGrid组件扩展，统计当前页信息

标签：

原文地址：http://www.cnblogs.com/lucy-12/p/5047634.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行