The issue is when I click on search option (on pager) it shows the search window but the grid gets hide. I'm including the jqmodal.js
file. But what I'm ignoring on the code below?
css files:
jqModal.css
jquery-ui-1.8.custom.css
ui.jqgrid.css
ui.multiselect.css
jquery.searchFilter.css
js files:
jquery.min.js
grid.base.js
grid.common.js
grid.formedit.js
grid.setcolumns.js
ui.multiselect.js
jquery.searchFilter.js
jqModal.js
The Javascript:
$("#list").jqGrid({
url: 'foo_report.php?g=' + $('#fooselect').val() + '&report=1&searchString=null&searchField=null&searchOper=null',
datatype: 'json',
mtype: 'GET',
colNames: ['foo1','foo2', 'foo3'],
colModel: [
{ name:'rows.foobar1', index: 'foobar1', search:true, jsonmap: 'foobar1', width: 150, align: 'left', sortable:true},
{ name:'rows.foobar2', index: 'foobar2', jsonmap: 'foobar2', width: 150, align: 'left'},
{ name:'rows.foobar3', index: 'foobar3', jsonmap: 'foobar3', width: 240, align: 'left', sortable: true}],
pager: '#pager',
rowNum: 8,
autowidth: true,
rowList: [8, 16],
sortname: 'foobar1',
sortorder: 'asc',
viewrecords: true,
search : {
caption: "Search...",
Find: "Find",
Reset: "Reset",
odata : ['equal', 'not equal', 'less'],
groupOps: [ { op: "AND", text: "all" }, { op: "OR", text: "any" }],
matchText: " match",
rulesText: " rules"
},
caption: 'Foobar Data',
jsonReader : {
root: "rows",
repeatitems: false
},
height: 350,
width: 800
});
html:
<table id="list"></table>
<div id="pager"></div>
