码迷,mamicode.com
首页 > 其他好文 > 详细

统计easyui datagrid某列之和显示在对应列下面

时间:2015-05-28 21:10:15      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:

项目需求要在表格下面加一行统计求和的,结果网上搜寻了一堆,要么说的不详细,高深大牛们的见解;要么实现不了,搜寻老半天修改出一个可以用的,做一下学习记录,新手菜鸟,欢迎指正和新解决方案。

最终效果图:

技术分享

JS代码

editcount = 0;
            var objTable=$("#personManage");
            objTable.datagrid({ pagination: true,
                                  pagePosition:‘bottom‘,
                                  onLoadSuccess: compute,//加载完毕后执行计算
                                  fitColumns:false,
                                  enableHeaderClickMenu:false,
                                  singleSelect:false,
                                  autoRowHeight:true,
                                  nowrap:true,
                url:‘${ctx}/cpv3QuotationCtrl/costGather?RndId=‘+Math.random(),
                loadFilter:pagerFilter,
                queryParams:buildParams(),
                toolbar:"#toolbar",
                rownumbers:true,
                showFooter: true,
                columns: [[
                    { field: ‘EVAL‘, title: ‘费用类别‘, width:80,align:‘center‘},
                    { field: ‘CON‘, title: ‘合同报价‘, width:80,align:‘center‘},
                    { field: ‘PCOST‘, title: ‘成本预算‘, width:80,align:‘center‘},
                    { field: ‘BOR‘, title: ‘预借款‘, width:80,align:‘center‘}
                ]]
              // fitColumns:true//自适应宽度、可以水平滚动
            });

 

 function compute() {//计算函数
            var rows = $(‘#personManage‘).datagrid(‘getRows‘)//获取当前的数据行
            var ptotal = 0//计算listprice的总和
            ,utotal=0//统计unitcost的总和
            ,btotal=0;//统计unitcost的总和
            for (var i = 0; i < rows.length; i++) {
                ptotal += rows[i][‘CON‘];
                utotal += rows[i][‘PCOST‘];
                btotal += rows[i][‘BOR‘];
            }
            //新增一行显示统计信息
            $(‘#personManage‘).datagrid(‘appendRow‘, { EVAL: ‘<b>统计:</b>‘, CON: ptotal, PCOST: utotal ,BOR : btotal});
        }

 

JSP页面

 

<table id="personManage">
     </table>

 

统计easyui datagrid某列之和显示在对应列下面

标签:

原文地址:http://www.cnblogs.com/yeyuchangfeng/p/4536793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!