jQuery easyUI datagrid 增加求和統計行
在datagrid的onLoadSuccess事件增加程式碼處理。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<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>
|
本文轉自問道部落格51CTO部落格,原文連結 http://blog.51cto.com/450236/1839223如需轉載請自行聯絡原作者 crackernet |
相關文章
- jquery easyui datagrid的增加,修改,刪除jQueryUI
- easyui datagrid 計算UI
- jquery easyui datagrid 動態隱藏列jQueryUI
- jquery easyui DataGrid 資料表格 屬性jQueryUI
- jQuery EasyUI datagrid實現本地分頁簡單介紹jQueryUI
- easyui datagrid 禁止選中行UI
- ThinkPHP+jQuery EasyUI Datagrid查詢資料的簡單處理PHPjQueryUI
- EasyUI datagrid 過濾事件段UI事件
- EasyUI 筆記(2)datagrid 使用UI筆記
- easyui datagrid 動態生成列UI
- easyui datagrid editor checkbox 選中UI
- jQuery EasyUI 教程jQueryUI
- Jquery easyui教程jQueryUI
- Easyui datagrid 實現表格記錄拖拽UI
- asp.net mvc easyui datagrid分頁ASP.NETMVCUI
- easyui-datagrid行資料field原樣輸出html標籤UIHTML
- easyui datagrid動態設定行、列、單元格不允許編輯UI
- jquery實現增加刪除行jQuery
- EasyUI - DataGrid 去右邊空白滾動條列UI
- EasyUI DataGrid 單元格編輯 註釋版UI
- Datagrid擴充套件方法onClickCell{easyui-datagrid-擴充-支援單元格編輯}套件UI
- 【easyUI】datagrid 通過formatter讀取巢狀資料UIORM巢狀
- 【專案實戰】---EasyUI DataGrid單元格合併UI
- EasyUI-DataGrid去右邊空白滾動條列UI
- easyui datagrid 生成動態列後 實現分頁UI
- jquery easyui 擴充套件驗證jQueryUI套件
- 機器學習和統計模型的差異機器學習模型
- EasyUI 中 DataGrid 控制元件 列 如何繫結物件中的屬性UI控制元件物件
- 利用Aspose.Cells完成easyUI中DataGrid資料的Excel匯出功能UIExcel
- [原] jQuery EasyUI 1.3.4 離線API、Demo (最新)jQueryUIAPI
- 關於Easyui的datagrid的可編輯單元格和合並單元格UI
- 解決 easyui datagrid 表格 url 中帶有變數時,翻頁功能異常UI變數
- jQuery EasyUI API 中文文件 - 表單(form補充)jQueryUIAPIORM
- 【jquery+easyUI】-- $.messager.show 彈框顯示jQueryUI
- JQuery Easyui引入easyui-lang-zh_CN.js後出現亂碼的問題解決方法jQueryUIJS
- 使用EasyUI開發銀行業績統計系統[4]-EasyUI表單UI行業
- easyui 表格底部加合計UI
- easyui的datagrid的設定背景色之後,行預設的選中的背景色改變事件無效UI事件