jQueryBsgrid插件的特点是简单、轻量,基于jQuery及HTML Table。jQueryBsgrid插件内置有多套表格皮肤与很多实用便捷的功能,其中这里要讲的就是实用功能里的表底聚合功能。
表底聚合功能通俗的说就是将表格上已有的内容在表格的底部进行汇总,比如上图所示的合计,将表中对应列的金额求和后显示出来。jQueryBsgrid插件里的表底聚合功能简单易用且代码量小。
使用jQueryBsgrid插件里的表底聚合功能只需要在原来的绑定表格方法的基础上加上表底标签和表底聚合的属性即可,即控制器的查询方法代码与JavaScript的表格配置可以不改变,唯一需要改变的就是要在表格的HTML样式里添加表底标签及表底聚合属性。
要做表底聚合功能就要使用表底标签<tfoot>。合计的colspan属性是用来合并列的,值就是要合并的列数。有合并列的属性就有合并行的属性,合并行的属性是rowspan。jQueryBsgrid有个表底的聚合属性是w_agg,w_agg属性需要两个参数。
1)聚合的方式,常用的几种如下:count(总数),sum(总和),avg(平均数),max(最大值),min(最小值)。
2)指定需要聚合的字段,特别需要注意的是这个字段是控制器处查询方法返回来的字段,同时这个字段不需要对应jQueryBsgrid绑定表格中列的字段,所以在设计表底的HTML样式时可以根据需求来设计。
最后还有一点需要注意的是表底的聚合功能只能聚合当前表格中所显示出来的内容,而不是聚合所有的内容,jQueryBsgrid表底的聚合功能好处在于筛选不同的条件时所显示出来的内容也是不同的,而表底的聚合属性又是会跟着内容的变化而变化从而达到动态的效果。