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

EasyUI:datagrid数据汇总

时间:2018-02-24 22:02:50      阅读:879      评论:0      收藏:0      [点我收藏+]

标签:panel   .com   col   idt   var   alt   修改   ext   image   

EasyUI:datagrid数据汇总

js代码:

var total=0;//全局变量
$(function(){
    $(‘#tablebudgetdata‘).datagrid({
        title:‘ ‘, //标题  
        onLoadSuccess: function (data) {//表单加载完后再加载此方法
            sumPrice(data);
        }
    });
});
//求总列的sum
function sumPrice(data){
    var total = 0;
    var rows = $("#tablebudgetdata").datagrid("getRows");//获得总行数
    for (var i = 0; i < rows.length; i++) {//循环
        total += parseFloat(rows[i][‘used_sum‘]); //totalPrice列名总和要通过ajax传到后台返回到前台展示
    }
    //修改标题,显示金额之和为2位
    $(‘#tablebudgetdata‘).datagrid("getPanel").panel("setTitle","<span style=‘margin-left:76.4%‘></span>总和:"+total.toFixed(2)); 
}

效果:

技术分享图片

 

EasyUI:datagrid数据汇总

标签:panel   .com   col   idt   var   alt   修改   ext   image   

原文地址:https://www.cnblogs.com/lizm166/p/8467623.html

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