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 ajax中按钮button和submit的区别分析
Oct 07 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
浅谈javascript六种数据类型以及特殊注意点
Dec 20 Javascript
jQuery动态添加、删除元素的方法
Jan 09 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
详解使用create-react-app快速构建React开发环境
May 16 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
koa大型web项目中使用路由装饰器的方法示例
Apr 02 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 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
php数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
PHP自定义错误处理的方法分析
2018/12/19 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
浅谈Javascript面向对象编程
2011/11/15 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
Node.js实现简单管理系统
2019/09/23 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid
2018/04/03 DOTA
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
python实现泊松图像融合
2018/07/26 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
工作中个人的自我评价
2013/12/31 职场文书
家长会演讲稿范文
2014/01/10 职场文书
质量承诺书范文
2014/03/27 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
拆迁委托协议书
2014/09/15 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
在酒桌上的敬酒词
2015/08/12 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书