EasyUI DataGrid 新增合計行

2022-09-12 12:09:17 字數 731 閱讀 1732

後端返回合計行有時候並不簡單,easyui datagrid的footer可以很方便的在前端新增合計行,並且能實現複雜的合計,例如columna的合計是columna的值相加,columnb的合計是columnb的平均值,columnc的合計是columna的合計除以columnb的合計。

要使footer生效,必須設定datagrid的屬性showfooter:true,然後擴充套件我們的合計方法,直接貼**:

$.extend($.fn.datagrid.methods, ,其heji屬性就是你要計算合計的方法實現),

//columnb的合計是columnb的平均值(定義為:,其heji屬性就是你要計算合計的方法實現),

//columnc的合計是columna的合計除以columnb的合計(定義為:,其heji屬性就是你要計算合計的方法實現)

if (opt[0][i].heji)

}var footerobj = new array();

if (footer['sum'] != "") ";

var obj = eval('(' + tmp + ')');

if (obj[opt[0][0].field] == undefined) )');

} else

footerobj.push(obj);

}if (footerobj.length > 0)

function sum(filed)

ok。

EasyUI datagrid 使用小結

用了easyui框架一段時間了,這個前端框架用起來還是挺方便的,也有很多現成的控制項,看看官方文件應該還是能比較快用起來的。在這裡記錄一下一些常用的控制項的方法,遇到過的bug或者當初耗了一點時間來實現的功能吧。var pager dg datagrid getpager 獲取分頁 物件 var p...

android LinearLayout新增分隔線

linearlayout支援直接顯示分隔線。設定標籤的 android showdividers屬性可以再linearlayout的相應位置顯示分隔線。如果有多個linearlayout,顯示效果和在 linearlayout之間加分隔線是一樣的。android showdividers屬性可以設定...

easyui datagrid 多表頭設定

最近在做二維報表,要求報表的表頭自定義。在網上找了好久二維報表的外掛程式,一直找不到合適的。後來就用easyui 中的datagrid替代了一下。根據實際需求,統計的資訊可能不是乙個模組中的字段資訊,所以需要把模組和模組下的字段都顯示出來,這就用到了 中的合併單元格,但是在datagrid中如何實現...