统计easyui datagrid某列之和显示在对应列下面

<script>
        $( function  () {
            $( '#dg' ).datagrid({
                singleSelect:  true ,
                onLoadSuccess: compute, //加载完毕后执行计算
                url:  'product.json' , fitColumns:  true , pagination:  true , pageSize: 3,
                title:  '统计easyui datagrid某列之和显示在对应列下面' ,
                width: 400,
                height: 300,
                columns: [[{ field:  'itemid' , width: 80, title:  'Item ID'  },
                 { field:  'productname' , width: 100, editor:  'text' , title:  'Product Name'  },
                 { field:  'listprice' , width: 80, align:  'right' , title:  'List Pirce'  },
                 { field:  'unitcost' , width: 80, align:  'right' , title:  'Unit Cost' }]]
            });
        });
         function  compute() { //计算函数
             var  rows = $( '#dg' ).datagrid( 'getRows' ) //获取当前的数据行
             var  ptotal = 0 //计算listprice的总和
            ,utotal=0; //统计unitcost的总和
             for  ( var  i = 0; i < rows.length; i++) {
                ptotal += rows[i][ 'listprice' ];
                utotal += rows[i][ 'unitcost' ];
            }
             //新增一行显示统计信息
            $( '#dg' ).datagrid( 'appendRow' , { itemid:  '<b>统计：</b>' , listprice: ptotal, unitcost: utotal });
        }
     </script>