easyui datagrid 数据汇总

最新推荐文章于 2023-12-19 10:31:45 发布

原创最新推荐文章于 2023-12-19 10:31:45 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

jquery easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用EasyUI的datagrid组件进行数据汇总。在datagrid加载成功后，通过`onLoadSuccess`事件调用`sumPrice`函数，遍历所有行并累加指定列的值。最终将总计更新到标题中，显示为2位小数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var total=0;//全局变量
$(function(){
$('#dg2').datagrid({

title:' ', //标题。

          onLoadSuccess: function (data) {//表单加载完后再加载此方法
                sumPrice(data);
                }

});

//求总列的sum
function sumPrice(data){
alert('333');
  var total = 0;
  var rows = $("#dg2").datagrid("getRows");//获得总行数
        for (var i = 0; i < rows.length; i++) {//循环
            total += rows[i]['汇总,列的字段名称']; //totalPrice列名总和要通过ajax传到后台返回到前台展示
        }
        alert("sum"+total);
        //修改标题，显示金额之和为2位
  $('#dg2').datagrid("getPanel").panel("setTitle","订单查看<span style='margin-left:76.4%'></span>总和："+total.toFixed(2));
}