Добавление итоговой суммы в jqgrid программно

Question

Я изучаю, как использовать jQGrid, и я пытаюсь поместить итоговую сумму внизу таблицы, но я не могу, чтобы она выглядела просто как пустая строка.Сообщите 'итоговый столбец, есть мой код:

function FillReportsGrid(GridName, PagerName) {

    jQuery(GridName).GridUnload();
        $.ajax({
        url: '../ajaxwebservices/json.asmx/SearchMobileReport',
        dataType:'json',
        type:'POST',
        contentType: 'application/json; charset=utf-8',
        data: '{EmployeeID:\"' + $('#txtEmployeeID').val() + '\",Plant:\"' + $('#drplstPlant').val() + '\",Department:\"' + $('#drplstDepartment').val() + '\",VendorName:\"' + $('#drplstVendorName').val() + '\",MobileNumber:\"' + $('#txtMobileNumber').val() + '\",InvoiceNumber:\"' + $('#txtInvoiceNumber').val() + '\",OrderBy:\"'+$('#ddlOrderBy').val()+'\",Month:\"'+$('#ddlMonth').val()+'\",Year:\"'+$('#ddlYear').val()+'\"}',
        success: function(msg) {
            var mydata = jQuery.parseJSON(msg);
            jQuery(GridName).jqGrid({
                datatype: "local",
                data: mydata,
                colNames: ['Bill #', 'MISC', 'Mobile #', 'Reporting', 'Invoice', 'Minutes', 'Comments', 'Cell Adj.', 'Data Adj.', 'Equip Adj.', 'Vendor Activity'],
                colModel:
                              [{ name: 'BillID', index: 'BillID', width: 20, sorttype: 'int', key: true },
                                { name: 'MISC', index: 'MISC', width: 40 },
                                { name: 'MobileNumber', index: 'MobileNumber', width: 40},
                                { name: 'VendorName', index: 'VendorName', width: 40},
                                { name: 'Reporting', index: 'Reporting', width: 40, align: 'right', summaryType: 'sum', sorttype: 'number', formatter: 'number', summaryTpl: '<b>{0}</b>' },
                                { name: 'Invoice', index: 'Invoice', width: 40, align: 'right' },
                                { name: 'Minutes', index: 'Minutes', width: 40},
                                { name: 'Comments', index: 'Comments', width: 40},
                                { name: 'CellAdjustment', index: 'CellAdjustment', width: 40, align: 'right' },
                                { name: 'DataAdjustment', index: 'DataAdjustment', width: 40, align: 'right'},
                                { name: 'EquipAdjustment', index: 'EquipAdjustment', width: 40, align: 'right'},
                                { name: 'VendorActivity', index: 'VendorActivity', width: 40}
                                 ],
                pager: jQuery(PagerName),
                rowNum: 25,
                rowList: [10, 25, 50],
                sortname: 'BillID',
                sortorder: 'desc',
                viewrecords: true,
                caption: '',
                autowidth: true,
                ignoreCase: true,
                height: "100%",
                footerrow: true,
                userDataOnFooter: true,
                grouping: true,
                groupingView : {
                    groupField: ['VendorName'],
                    groupColumnShow : [false],
                    groupText: ['<b>{0} - {1} Item(s)</b>'],
                    groupSummary : [true]
                }

            })
            jQuery(GridName).jqGrid('navGrid', PagerName, { edit: false, add: false, del: false, searchtext: 'Search', refreshtext: 'Reload' });
                jQuery(GridName).jqGrid('navButtonAdd', PagerName, { caption: "Add", title: "Add New User", buttonicon: 'ui-icon ui-icon-plus',
                    onClickButton: function() {
                    OpenAddNewItem();
                    }
                });
        }
    });
}

Спасибо, надеюсь, кто-то может мне помочь, и извините, если мой английский не очень хорош.

Answer 1

Добавьте событие loadComplete и используйте метод getCol для вычисления суммы:

loadComplete: function () {

    var reportSum = jQuery(GridName).jqGrid('getCol', 'Reporting', false, 'sum');

    jQuery(GridName).jqGrid('footerData', 'set', 
    { 
        BillID: 'Total:',
        Reporting: reportSum 
    });
}

Answer 2

В конце мне нужно было добавить событие loadComplete и использовать метод getCol для вычисления суммы внизу