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


Posted in Javascript onJune 01, 2016

在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 增加求和统计行的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery完美拖拽,可返回拖动轨迹
Mar 29 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
基于AngularJS+HTML+Groovy实现登录功能
Feb 17 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
JS前端加密算法示例
Dec 22 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
javascript json对象小技巧之键名作为变量用法分析
Nov 11 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 #Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 #Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 #Javascript
sencha ext js 6 快速入门(必看)
Jun 01 #Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 #Javascript
分享一个插件实现水珠自动下落效果
Jun 01 #Javascript
js匿名函数作为函数参数详解
Jun 01 #Javascript
You might like
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
php检测数组长度函数sizeof与count用法
2014/11/17 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
jquery实现图片预加载
2015/12/25 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
angular2倒计时组件使用详解
2017/01/12 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
原生JS实现留言板
2020/03/26 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
17个Python小技巧分享
2015/01/23 Python
详解Django中的过滤器
2015/07/16 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
python编程线性回归代码示例
2017/12/07 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
Python3 翻转二叉树的实现
2019/09/30 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
班组长的岗位职责
2013/12/09 职场文书
英文简历中的自荐信范文
2013/12/14 职场文书
端午节活动策划方案
2014/03/09 职场文书
2014年统计工作总结
2014/11/21 职场文书
幼师辞职信范文
2015/02/27 职场文书
redis限流的实际应用
2021/04/24 Redis
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers