1. 程式人生 > >EasyUI:datagrid數據匯總

EasyUI:datagrid數據匯總

圖片 nbsp settitle row log pre left cti grid

EasyUI:datagrid數據匯總

js代碼:

var total=0;//全局變量
$(function(){
    $(‘#tablebudgetdata‘).datagrid({
        title:‘ ‘, //標題  
        onLoadSuccess: function (data) {//表單加載完後再加載此方法
            sumPrice(data);
        }
    });
});
//求總列的sum
function sumPrice(data){
    var total = 0;
    var rows = $("#tablebudgetdata").datagrid("getRows");//
獲得總行數 for (var i = 0; i < rows.length; i++) {//循環 total += parseFloat(rows[i][‘used_sum‘]); //totalPrice列名總和要通過ajax傳到後臺返回到前臺展示 } //修改標題,顯示金額之和為2位 $(‘#tablebudgetdata‘).datagrid("getPanel").panel("setTitle","<span style=‘margin-left:76.4%‘></span>總和:"+total.toFixed(2)); }

效果:

技術分享圖片

EasyUI:datagrid數據匯總