平台功能列表右上角实现自定义统计

凯特-呼丽华

一、案例效果              
       在功能列表上增加一些数据的总统计，显示在右上角

            

二、实现思路                          
         1.注册列表gridsummary事件
     2.编写代码，循环列表数据，计算总和并返回
三、操作步骤

             1. 注册列表gridsummary事件

                    

                    

        2.编写代码，循环列表数据，计算总和并返回

四、相关代码

1. function(self,data){
   
2.   //获取当前列表的所有数据
   
3.   var dataInfo = self.getStore().data.items;
   
4.   //定义变量
   
5.   var zj_num=0,sl_num=0;
   
6.   //循环数据，计算总数
   
7.   for(var i=0;i<dataInfo.length;i++){
   
8.       zj_num += dataInfo[i].data.ALWD_ALZJ;
   
9.       sl_num += dataInfo[i].data.ALWD_ALSL;
   
10.   }
    
11.   //定义总计数字显示样式
    
12.   var zj_HTML= '<font style="margin-right:20px;font-size:16px;">案例总价统计：<font style="font-size:16px;color:red;">'+zj_num+'元</font>';
    
13.   var sl_HTML= '<font style="margin-right:20px;font-size:16px;">数量总计：<font style="font-size:16px;color:red;">'+sl_num+'个</font>';
    
14.   //返回数据
    
15.   return zj_HTML+","+sl_HTML;
    
16. }

复制代码

五、关键字，相关问题     
       统计
       列表统计
       右上角显示统计