jQuery easyUI datagrid 增加求和统计行的实现代码

 更新时间:2016年06月01日 17:02:31   投稿:jingxian  
下面小编就为大家带来一篇jQuery easyUI datagrid 增加求和统计行的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在datagrid的onLoadSuccess事件增加代码处理。

<style type="text/css">

    .subtotal { font-weight: bold; }/*合计单元格样式*/
  </style>
  <script type="text/javascript">
    function onLoadSuccess() {
      //添加“合计”列
      $('#table').datagrid('appendRow', {
        Saler: '<span class="subtotal">合计</span>',
        TotalOrderCount: '<span class="subtotal">' + compute("TotalOrderCount") + '</span>',
        TotalOrderMoney: '<span class="subtotal">' + compute("TotalOrderMoney") + '</span>',
        TotalOrderScore: '<span class="subtotal">' + compute("TotalOrderScore") + '</span>',
        TotalTrailCount: '<span class="subtotal">' + compute("TotalTrailCount") + '</span>',
        Rate: '<span class="subtotal">' + ((compute("TotalOrderScore") / compute("TotalTrailCount")) * 100).toFixed(2) + '</span>'
      });
    }
    //指定列求和
    function compute(colName) {
      var rows = $('#table').datagrid('getRows');
      var total = 0;
      for (var i = 0; i < rows.length; i++) {
        total += parseFloat(rows[i][colName]);
      }
      return total;
    }
  </script> 

以上这篇jQuery easyUI datagrid 增加求和统计行的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • jQuery 性能优化手册 推荐

    jQuery 性能优化手册 推荐

    现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了,  比如我.  jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的.
    2010-02-02
  • jQuery版AJAX简易封装代码

    jQuery版AJAX简易封装代码

    这篇文章主要为大家详细介绍了jQuery版AJAX简易封装代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JQuery小知识

    JQuery小知识

    我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。
    2010-10-10
  • jquery实现户籍地选择下拉框

    jquery实现户籍地选择下拉框

    这篇文章主要为大家详细介绍了jquery实现户籍地选择下拉框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • jQuery Autocomplete简介_动力节点Java学院整理

    jQuery Autocomplete简介_动力节点Java学院整理

    这篇文章主要介绍了jQuery Autocomplete简介,jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大、最灵活的Autocomplete,它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据
    2017-07-07
  • jQuery web 组件 后台日历价格、库存设置的代码

    jQuery web 组件 后台日历价格、库存设置的代码

    这篇文章主要介绍了jQuery web 组件 后台日历价格、库存设置的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 删除节点的jquery代码

    删除节点的jquery代码

    节点的删除在应用中比较常见,如何动态删除某一节点来实现某一特殊效果,下面有个不错的示例,希望对大家有所帮助
    2014-01-01
  • jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)

    jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)

    这篇文章主要介绍了jquery实现仿新浪微博带动画效果弹出层代码,具有可关闭及可拖动的功能,涉及jQuery针对鼠标事件的响应及页面元素属性的变换功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)

    基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)

    这篇文章主要介绍了基于jQuery实现仿搜狐辩论投票动画代码 的相关资料,需要的朋友可以参考下
    2016-02-02
  • jquery实现员工管理注册页面

    jquery实现员工管理注册页面

    这篇文章主要为大家详细介绍了jquery实现员工管理注册页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论