jquery - jqgrid动态列-在页脚上显示数据

标签 jquery grid footer

我有一个问题...

我有一个 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) });
        }
    }

有人可以帮助我吗?

最佳答案

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

    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]);

        }

    }

关于jquery - jqgrid动态列-在页脚上显示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15686467/

相关文章:

java - 如何指挥机器人

html - 如何使用 css 正确定位页脚?

jquery - Asp.Net MVC 2 中的文件下载

javascript - 在添加新元素时收缩 div 元素

CSS:使图像下方带有文本响应

javascript - 以较小的分辨率更改 DIV 垂直位置

php - jquery mobile header 跨页面重复

jquery - Facebook 如何对其裁剪工具进行编码?

jquery - 如何使用 jQuery 查找所有 <a> 元素并为其添加类

angularjs - KendoUI 网格 + AngularJS : Adding column template