jQuery easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼
更新時(shí)間：2016年06月01日 17:02:31 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jQuery easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
在datagrid的onLoadSuccess事件增加代碼處理。
<style type="text/css">
.subtotal { font-weight: bold; }/*合計(jì)單元格樣式*/
</style>
<script type="text/javascript">
function onLoadSuccess() {
//添加“合計(jì)”列
$('#table').datagrid('appendRow', {
Saler: '<span class="subtotal">合計(jì)</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 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jquery Easyui Datagrid實(shí)現(xiàn)批量操作（編輯，刪除，添加）
- jQuery Easyui datagrid連續(xù)發(fā)送兩次請(qǐng)求問(wèn)題
- easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
- jQuery EasyUI編輯DataGrid用combobox實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)
- jQuery Easyui DataGrid點(diǎn)擊某個(gè)單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開(kāi)后保存數(shù)據(jù)
- jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序
- jQuery Easyui學(xué)習(xí)教程之實(shí)現(xiàn)datagrid在沒(méi)有數(shù)據(jù)時(shí)顯示相關(guān)提示內(nèi)容
- jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
- jquery easyui datagrid實(shí)現(xiàn)增加，修改，刪除方法總結(jié)
- 簡(jiǎn)介EasyUI datagrid editor combogrid搜索框的實(shí)現(xiàn)
- 詳解EasyUi控件中的Datagrid
相關(guān)文章
在本篇文章里小編給大家分享了關(guān)于JQuery判斷radio單選框是否選中并獲取值的方法，需要的朋友們可以學(xué)習(xí)下。2019-01-01
JQuery表單驗(yàn)證插件EasyValidator用法分析
這篇文章主要介紹了JQuery表單驗(yàn)證插件EasyValidator用法,以實(shí)例形式系統(tǒng)分析了EasyValidator的功能特性及具體用法,是非常實(shí)用的jQuery插件,需要的朋友可以參考下2014-11-11
jQuery插件簡(jiǎn)單學(xué)習(xí)實(shí)例教程
這篇文章主要介紹了jQuery插件的簡(jiǎn)單用法,列舉了分頁(yè)插件、放大鏡插件、自動(dòng)完成插件、上傳插件、日歷插件等的簡(jiǎn)單使用方法,需要的朋友可以參考下2016-07-07
基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
對(duì)象不支持indexOf屬性或方法的解決方法(必看)
下面小編就為大家?guī)?lái)一篇對(duì)象不支持indexOf屬性或方法的解決方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
本文主要分享了jQuery實(shí)現(xiàn)大圖輪播的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jquery插件，有幾種方法，有全局的，有對(duì)象方法的，一直覺(jué)得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學(xué)者借鑒下。嘻嘻2012-08-08
這篇文章主要介紹了jQuery:unbind方法的使用詳解的相關(guān)資料,unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊(cè)的事件處理程序，需要的朋友可以參考下2017-08-08
jQuery md5加密插件jQuery.md5.js用法示例
這篇文章主要介紹了jQuery md5加密插件jQuery.md5.js用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery md5加密插件jquery.md5.js的簡(jiǎn)單使用技巧,需要的朋友可以參考下2018-08-08
jquery簡(jiǎn)單瀑布流實(shí)現(xiàn)原理及ie8下測(cè)試代碼
可以將分頁(yè)獲取的內(nèi)容依次填入四個(gè)div中，瀑布流的分頁(yè)可以以多頁(yè)（比如5頁(yè)）為單位二次分頁(yè)，這樣可以減少后臺(tái)算法的復(fù)雜度;測(cè)試環(huán)境：ie8 ff13.0.1 chrome22有興趣的朋友可以了解下2013-01-01