2014-01-15 48 views
1

我正在使用數組數據來加載支持分頁的jqGrid。如果沒有尋呼機屬性集,網格加載數據,看起來像這樣:jqGrid:當使用尋呼機組和數組數據時不加載,爲什麼?

enter image description here

底部的藍色條是尋呼機元素。但如果頁面屬性設置,我收到以下錯誤:

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' ], 
    ... 
] 

您的幫助是高度讚賞d!

感謝 維韋克Ragunathan

+0

任何人?????????? –

+0

Anbody ??? #oleg ?? –

+2

我認爲包括'grid.locale-en.js'(例如描述[here](http://stackoverflow.com/a/16718385/315935))可以解決您的問題。不是嗎? – Oleg

回答

5

如果忘記包含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將產生錯誤的錯誤。

+0

謝謝...你節省了我的時間... +1 –

+1

@CJRamki:我很高興我也能幫助你。不用謝! – Oleg

+0

@ Oleg,再次感謝您的提示。爲我節省了一些時間。 – Steven

0

試試這個

pager: $('#grid_pager'), 

希望它能幫助。