jqgrid 动态列 - 在页脚显示数据答案

【问题标题】：jqgrid dynamic columns - show data on footerjqgrid 动态列 - 在页脚显示数据
【发布时间】：2013-03-19 03:56:30
【问题描述】：

我有个问题……

我有一个显示一些数据的 jqgrid，但列是动态的。电网运行良好。这是我的代码：

...
var colMode = [];
...
var columnas = data.d;
$.each(columnas, function (index, col) {
...
colMode.push({ name: col.ColumnName, index: col.ColumnName, width: '100%', align: 'right' });
...
$("#gridCalendario").jqGrid({
                datatype: function (pdata) { getData(pdata); },
                height: 'auto',
                colModel: colMode,
....

问题是我想在页脚显示数据，但我不能这样做，因为我不知道如何动态指示列的名称。下面的代码，展示了我是如何尝试这样做的：

    function sumarValores() {

        var sumaHa = 0;

        var columnNames = jQuery("#gridCalendario").jqGrid('getGridParam', 'colNames');

        $('#gridCalendario').jqGrid('footerData', 'set', { Items: 'TOTAL:' });

        for (var z = 0; z < columnNames.length; z++) {
            var colN = columnNames[z];
            $('#gridCalendario').jqGrid('footerData', 'set', { colN: parseFloat(sumaHa).toFixed(2) });
        }
    }

有人可以帮帮我吗？

【问题讨论】：

标签： jquery grid footer

【解决方案1】：

我用以下函数解决了这个问题：

    function sumarValores() {

        var sumaHa = 0;

        var columnNames = jQuery("#gridCalendario").jqGrid('getGridParam', 'colNames');

        $('#gridCalendario').jqGrid('footerData', 'set', { Items: 'TOTAL CUENTA:' });

        for (var z = 0; z < columnNames.length; z++) {
            var colN = columnNames[z];

            var obj = '[{"' + colN + '": "' + parseFloat(sumaHa).toFixed(2) + '"}]';

            var colFoot = JSON.parse(obj);

            $('#gridCalendario').jqGrid('footerData', 'set', colFoot[0]);

        }

    }

【讨论】：