easyUi-datagrit实现页面计算列

  • 首先要设置列表展示行脚,showFooter:true。

  • 加载成功后触发事件

$("#query-datagrid").datagrid({      
    onLoadSuccess:function(){      
        updateFooter();      
    }      
})

  • 合计列

function updateFooter(){      
    var count = 0;      
    var rows = $('#query-datagrid').datagrid('getRows');      
    $.each(rows,function(i,row){      
        count = count + row.buyMoney;      
    });      
    $('#query-datagrid').datagrid('reloadFooter',[{pdCode: '合计', buyMoney: count}]);      
}

你可能感兴趣的:(easyUi-datagrit实现页面计算列)