easyUI..关于datagrid实现追加一行做统计功能

<table id="dg"> </table>
<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>