jqGrid：当使用寻呼机设置和数组数据时不加载，为什么？

Question

我正在使用数组数据来加载支持分页的jqGrid。如果没有设置pager属性，网格将加载数据，如下所示：

底部的蓝色条是寻呼机元素。但是如果设置了pager属性，我会收到以下错误：

Uncaught TypeError: Cannot read property 'integer' of undefined jquery.jqGrid.min.js:131
> a.updatepager jquery.jqGrid.min.js:131
> U jquery.jqGrid.min.js:67
> M jquery.jqGrid.min.js:81
> (anonymous function) jquery.jqGrid.min.js:135
> jQuery.extend.each jquery-1.10.2.min.js:657
> jQuery.fn.jQuery.each jquery-1.10.2.min.js:266
> b.fn.jqGrid jquery.jqGrid.min.js:33
> createGrid

请帮我找到我做错的事。

HTML：

<div>
    <table id=grid></table>
    <div id=grid_pager></div>
</div>

JS

function createGrid(dataAsArray) {
    $('#grid').jqGrid({
        caption: caption,
        colModel: getColumnModel(),

        scrollOffset: 0,
        hidegrid: true,
        sortorder: 'desc',
        recreateForm: true,
        height: '100%',

        pager: '#grid_pager'
        rowNum: 10,
        rowList: [5, 10, 20, 40, 80],
        viewrecords: true,
        multiselect: true,

        datatype: 'local',
        data: dataAsArray,
        localReader: {
            repeatitems: true,
            cell: '',
            id: 0
        }
    }); 

    $('#grid').jqGrid('navGrid', { edit: true, add: false, del: false, position: 'left' });

    .jqGrid('setGridParam', {
        rowNum: 5,
        rowList: [5, 10, 20, 30, 100, 500]
    }).trigger('reloadGrid');
}

阵列数据

[
    [ 246802, 'ab', 2, 'Invalid amount' ],
    [ '', 12, 3, 'Invalid account' ],
    ...
]

非常感谢您的帮助！

由于 Vivek Ragunathan

Answer 1

如果忘记包含grid.locale-en.js（或i18n目录中的其他文件），通常会发生此类错误。 jqGrid确实需要该文件。您应该在jquery.jqGrid.min.js之前添加它（或者jquery.jqGrid.src.js）。如果您忘记加入grid.locale-en.js，请the line

fmt = $.jgrid.formatter.integer || {};

将产生您所描述的错误，因为$.jgrid.formatter保持未定义（将定义in the line）并且表达式$.jgrid.formatter.integer将生成错误。

Answer 2

试试这个

pager: $('#grid_pager'),

希望它有所帮助。