easyui Grid 的列合计
<table id="dg"></table>
$(function () {
$('#dg').datagrid({
singleSelect: true,
onLoadSuccess: compute,//加载完毕后执行计算
url: 'product.json', fitColumns: true, pagination: true, pageSize: 3,
title: '统计easyui datagrid某列之和显示在对应列下面',
width: 400,
height: 300,
columns: [[{ field: 'itemid', width: 80, title: 'Item ID' },
{ field: 'productname', width: 100, editor: 'text', title: 'Product Name' },
{ field: 'listprice', width: 80, align: 'right', title: 'List Pirce' },
{ field: 'unitcost', width: 80, align: 'right', title: 'Unit Cost' }]]
});
});
function compute() {//计算函数
var rows = $('#dg').datagrid('getRows')//获取当前的数据行
var ptotal = 0//计算listprice的总和
var utotal = 0;//统计unitcost的总和
for (var i = 0; i < rows.length; i++) {
ptotal += parseFloat(rows[i]['listprice']);
utotal += parseFloat(rows[i]['unitcost']);
}
//新增一行显示统计信息
$('#dg').datagrid('appendRow', { itemid: '<b>统计:</b>', listprice: ptotal.toFixed(1), unitcost: utotal });
}
easyui Grid 的列合计相关推荐
- ExtJs 日期相加,Grid表格列可编辑
1.日期相加: Ext.Date.add(new Date(), Ext.Date.DAY, 15) 2.Grid表格列可编辑: { header : "实际已交货量", ...
- 在VisualState状态里更改Grid的列宽之类的
Win10的UWP有个StateTriggers ,挺不错,但是我还希望有一个方式,能更改Grid的列宽行高之类的东西,比如我之前用的http://l4ljl.codeplex.com/SourceC ...
- laravel-admin 中怎么给 grid 的列添加行数序号
如标题中的问题,怎么给 laravel-admin 中 grid 的列添加行数序号,不是 id ,来看一下代码的实现. 先添加一个虚拟列: $grid->number('序号'); 然后把序号设 ...
- [Ext JS]Grid的列过滤
文章目录 Ext JS的网格列过滤 Ext JS列过滤的实现 过滤类型 过滤器的获取和操作 完整代码示例 使用注意 Ext JS的网格列过滤 网格的列过滤是指可以某列的值对网格中的数据进行过滤,相当于 ...
- easyui datagrid 多列排序,该如何处理[多列同时order,只针对某一列order]
easyui datagrid 多列排序 不要demo里自带的multisort 那个是在第一列排序的基础上对第二列排序 我只要多列单独排序 每次都只管这一列的顺序 不管原来已排过序的列 可以把原来的 ...
- html设定列的最小宽度,设置Grid Layout列最小宽度的方法
设置Grid Layout列最小宽度的方法 发布时间:2020-08-29 11:22:09 来源:亿速云 阅读:184 作者:小新 这篇文章主要介绍设置Grid Layout列最小宽度的方法,文中介 ...
- jqGrid实现当前页列合计与总计
当前页列合计 js代码如下: ...footerrow: true,gridComplete: function () {var rowNum = parseInt($(this).getGridPa ...
- 关于tableau中行合计,列合计
关于tableau中行合计,列合计 每天一点点,记录工作中实际可行操作 tableau中使用行总计或者列总计 菜单 :分析-合计-行总计/列总计显示出来,即可
- Ext.grid.ColumnModel列宽度自动填满grid宽度
var grid = new Ext.grid.GridPanel({ renderTo : Ext.getBody(), ds : store, cm : cm, ...
最新文章
- 动态代理以及对应Spring中AOP源码分析
- Delphi 2010 refactor / refactoring 重构不能使用的原因以及解决
- 洛谷 P1070 道路游戏(noip 2009 普及组 第四题)
- flex 正则表达式匹配规则
- 截屏当前界面_电脑屏幕怎么截取,常见的几种电脑截屏方法
- C++类构造函数初始化列表及初始化成员变量的误区
- tomcat GET 编码疑惑
- java gbk汉字 10进制,用java程序将GBK字符转成UTF-8编码格式
- java中的基本数据类型的取值范围分别是多少?
- 原生JS与Jquery删除iframe并释放内存(IE)
- python下载速度显示_Python获取下载速度并显示进度条
- JavaScript数组实现图片轮播
- exfat默认配置大小_如何分配U盘exFAT格式单元大小保证速度和空间呢
- 索尼a5100_索尼a5100像素是多少?索尼a5100分辨率是多少?
- 分享一个Qt的pdf查看器
- 【CTFhub】web-信息泄露-备份文件下载-网站源码_WriteUp
- python将中文汉字转换成拼音
- 如何学IO流IO流的含义
- 神策数据王乾:微信生态与小程序发展趋势洞察
- 2022第三届全国大学生网络安全精英赛练习题(2)
热门文章
- Chocolatey:Windows软件包管理系统_安装及使用指南
- 大灰狼说:PURO编程之狼来了开张
- 世事无常?还是......
- HDOJ(HDU) 1570 A C
- 约束条件下的多元回归
- 使用自己的INDEMIND相机来运行ORBSLAM2单目,双目和深度模式(小觅相机和realsense通用)
- 戴尔 Vostro 3470 成就商务台式机(i3-8100) 安装Win7系统
- 韩国计算机硕士累吗,在韩国读研究生有多心累...
- 关于俄罗斯方块游戏软件C语言初步感受
- 乐迪(RadioLink)Mini Pix组装六旋翼无人机疑难杂症解决1——只有4个电机转