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.ui.draggable中文文档
Nov 24 Javascript
jQuery select操作控制方法小结
May 26 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
jQuery中$.fn的用法示例介绍
Nov 05 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
js弹出对话框方式小结
Nov 17 Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
Mar 04 Javascript
jQuery Migrate 插件用法实例详解
May 22 jQuery
vue-cli4.x创建企业级项目的方法步骤
Jun 18 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和.net中des加解密的实现方法
2013/02/27 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
Yii2如何批量添加数据
2016/05/17 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
PHP7修改的函数
2021/03/09 PHP
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
extjs render 用法介绍
2013/09/11 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
python实现文本文件合并
2015/12/29 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
python 多线程串行和并行的实例
2019/02/22 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
计算机网络专业个人的自我评价
2013/10/17 职场文书
优秀士兵先进事迹
2014/02/06 职场文书
财务总监岗位职责
2014/03/07 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
食堂管理制度范本
2015/08/04 职场文书
Python first-order-model实现让照片动起来
2022/06/25 Python