jQuery easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼
更新時間:2016年06月01日 17:02:31 投稿:jingxian
下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
在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 增加求和統(tǒng)計行的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加)
- jQuery Easyui datagrid連續(xù)發(fā)送兩次請求問題
- easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
- jQuery EasyUI編輯DataGrid用combobox實現(xiàn)多級聯(lián)動
- jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數(shù)據(jù)
- jQuery EasyUI學習教程之datagrid點擊列表頭排序
- jQuery Easyui學習教程之實現(xiàn)datagrid在沒有數(shù)據(jù)時顯示相關(guān)提示內(nèi)容
- jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
- jquery easyui datagrid實現(xiàn)增加,修改,刪除方法總結(jié)
- 簡介EasyUI datagrid editor combogrid搜索框的實現(xiàn)
- 詳解EasyUi控件中的Datagrid
相關(guān)文章
完美兼容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效
本文是作者學習jQuery之后練手之作,兼容各大瀏覽器,非常的精美實用,這里放出來給小伙伴們,有需要的直接拿走,別跟我客氣^_^2014-11-11基于jquery實現(xiàn)的類似百度搜索的輸入框自動完成功能
自動完成功能是指:類似百度搜索之類的輸入一個詞的一部分后就自動提示,然后用戶可以選擇,不需要再輸入剩余部分。2011-08-08