angularjs ui-grid自定义底部模版:footerCellTemplate

一,在对应的列对象里绑定自定义模版代码

columns[i].footerCellTemplate="<div class='ui-grid-cell-contents'>" +

"{{ ((col.getRowAggregationValue()['利润']/col.getRowAggregationValue()['总收入'])*100)|number:2 }}%" +

"</div>";

二,需要根据表格其他列的统计值计算出新的统计值,如总毛利率=总利润/总收入,这里需要在ui-grid源码新增一个方法,用于获取表格中其他列的统计值。

ui-grid.min.js在this.getAggregationValue的方法下方封装获取其他列的统计值方法:

this.getRowAggregationValue=function(){

           var columsMap = {},column={};

           for( index in n.grid.columns){

           column = n.grid.columns[index]

           columsMap[column.name] = column.getAggregationValue();

           } 

           return columsMap;

 }

三,效果如下:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值