jqGrid:当使用寻呼机设置和数组数据时不加载,为什么?

Viv*_*han 1 jqgrid

我正在使用数组数据来加载支持分页的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
Run Code Online (Sandbox Code Playgroud)

请帮我找一下我做错了什么.

HTML:

<div>
    <table id=grid></table>
    <div id=grid_pager></div>
</div>
Run Code Online (Sandbox Code Playgroud)

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');
}
Run Code Online (Sandbox Code Playgroud)

阵列数据

[
    [ 246802, 'ab', 2, 'Invalid amount' ],
    [ '', 12, 3, 'Invalid account' ],
    ...
]
Run Code Online (Sandbox Code Playgroud)

非常感谢您的帮助!

谢谢Vivek Ragunathan

Ole*_*leg 5

如果忘记包含grid.locale-en.js(或i18n目录中的某些其他文件),通常会发生此类错误.jqGrid确实需要该文件.您应该在jquery.jqGrid.min.js(或者替代jquery.jqGrid.src.js)之前包含它.如果你忘了包括grid.locale-en.js那条线

fmt = $.jgrid.formatter.integer || {};
Run Code Online (Sandbox Code Playgroud)

将产生您描述的错误,因为$.jgrid.formatter保持未定义(它将在行中定义),表达式$.jgrid.formatter.integer将生成错误.