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)文章
頁(yè)面元素綁定jquery toggle后元素隱藏的解決方法
元素綁定jquery中的toggle后,元素隱藏,開(kāi)始的時(shí)候 我怎么也沒(méi)想到是這里有問(wèn)題,我找了半天才發(fā)現(xiàn)是因?yàn)榻壎藅oggle方法2014-03-03對(duì)jQuery的事件綁定的一些思考(補(bǔ)充)
一般jquery事件綁定會(huì)帶來(lái)過(guò)多的事件綁定會(huì)損耗內(nèi)存,后期生成HTML會(huì)沒(méi)有事件綁定,需要重新綁定,語(yǔ)法過(guò)于繁雜等問(wèn)題2013-04-04完美兼容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動(dòng)特效
本文是作者學(xué)習(xí)jQuery之后練手之作,兼容各大瀏覽器,非常的精美實(shí)用,這里放出來(lái)給小伙伴們,有需要的直接拿走,別跟我客氣^_^2014-11-11基于jquery實(shí)現(xiàn)的類似百度搜索的輸入框自動(dòng)完成功能
自動(dòng)完成功能是指:類似百度搜索之類的輸入一個(gè)詞的一部分后就自動(dòng)提示,然后用戶可以選擇,不需要再輸入剩余部分。2011-08-08