jQuery Grid Plugin - jqGridForum

26/08/2010
22:21

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

1

Hi,

I am trying to implement jQGrid but it is showing very inconsistent behavious. Sometimes it is able to show data properly and everything works fine. But then when I reload the page search button and reload button (in pager section) goes away suddenly. and then again sometime it starts showing things as "undefined". Also I am seeing so many Javascript errors for the library files.

<

link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.4.custom.css" type="text/css" media="all" />

<

link rel="stylesheet" href="css/ui.jqgrid.css" type="text/css" media="all" />

<

link rel="stylesheet" href="css/jquery.searchFilter.css" type="text/css" media="all" />

<

link rel="stylesheet" href="css/ui.multiselect.css" type="text/css" media="all" />

$(function() {

$("#grid").jqGrid({

url:data.action',

datatype: "json",

mtype: "GET",

loadonce:false,

colNames:['Name','Id', 'RO', 'Sion','Gion','Requested Date/By'],

colModel:[

{name:'name', index:'name', align:"left", sortable:true},

{name:'Id', index:'Id', align:"left", sortable:true},

{name:'ro', index:'ro', align:"left", sortable:false},

{name:'sion', index:'sion', align:"left", sortable:false},

{name:'gion', index:'gion', align:"left", sortable:false},

{name:'requestedByDt', index:'requestedByDt', align:"left", sortable:false}

],

jsonReader : {

root: "rows",

page: "page",

total: "total",

records: "records",

cell: "cell",

id: "id"

},

rowNum:10,

autowidth:true,

height:"100%",

rowList:[10,20,30],

pager: '#pgrid,

sortname: 'id',

viewrecords: true,

caption:" test",

rownumbers: true,

rownumWidth: 15,

altRows: true,

shrinkToFit: true

});

$("#grid").jqGrid('navGrid','#pgrid',{del:false,add:false,edit:false},{},{},{},{multipleSearch:true});

});

</script>

Also I am getting following Javascript errors about which I am not sure:

Object doens't support this property or method

grid.celledit.js line.30

Object doens't support this property or method

grid.postext.js line.10

Object doens't support this property or method

grid.setcolumns.js line.10

Object doens't support this property or method

grid.import.js line.10

...

..

26/08/2010
22:33

steve.longdo

Member

Members

Forum Posts: 6

Member Since:
13/08/2010

Offline

2

If you are already loading the minified version you don't need the <s:url value="/js/src/grid.loader.js"/>

26/08/2010
22:35

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

3

Thanks for replying. But when I remove that loader (which I changed with appropriate paths) it doesn't work. but let me try again.. any other issue you see with the code ?? i am confused about why sometimes it start showing "Undefined".. 🙁

26/08/2010
22:44

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

4

Okay I tried it once more and now grid is loading. but I am getting this javascript error:

'b.jgrid.formatter.integer' is null or not an object

jquery.jqGrid.min.js Line 62

Code 0 Char 138

Any help.. very appreciated

26/08/2010
22:51

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

5

Just for begineers like me, facing similar issue.

I think the problem is fixed I re-did all imports only following are needed :

<

link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.4.custom.css" type="text/css" media="all" /> link rel="stylesheet" href="css/ui.jqgrid.css" type="text/css" media="all" />

<

script type="text/javascript" src="<s:url value="/js/jquery.js"/>"></script> script type="text/javascript" src="<s:url value="/js/i18n/grid.locale-en.js"/>"></script> script type="text/javascript" src="<s:url value="/js/jquery.jqGrid.min.js"/>"></script>

Thanks for hint steve