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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
javascript 页面划词搜索JS
Sep 28 Javascript
判断iframe是否加载完成的完美方法
Jan 07 Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
Js操作树节点自动折叠展开的几种方法
May 05 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 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防注入代码
2010/04/07 PHP
PHP中使用正则表达式提取中文实现笔记
2015/01/20 PHP
php简单实现数组分页的方法
2016/04/30 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
Yii2框架数据验证操作实例详解
2018/05/02 PHP
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
JavaScript中string对象
2015/06/12 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
2016/12/07 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
基于JS脚本语言的基础语法详解
2017/07/22 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python单元测试unittest实例详解
2015/05/11 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
python tkinter基本属性详解
2019/09/16 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
银行自荐信范文
2013/10/07 职场文书
毕业生医学检验求职信
2013/10/16 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
介绍信如何写
2015/01/31 职场文书
2015年国庆节活动总结
2015/03/23 职场文书
辩论会主持词
2015/07/03 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
高中英语教学反思范文
2016/03/02 职场文书
Python实现归一化算法详情
2022/03/18 Python