jQuery Grid Plugin - jqGridForum

Forum

July 12th, 2025

A A A

Topic RSS

Not able to search and sorting on jquery grid..

27/08/2010
23:51

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

Hi,

For some reason I am getting Javascript error when I am trying to search or sort the grid.

I read all the documentation and stuff but couldn't figure out.. kindy help !!

Error:

Object doesn’t support this property or method

jquery.jqGrid.min.js Line: 19

Code:0 Char: 161

Not sure if I am missing any js file or anything else.. Following is the list of js and css I have included.

Following is the grid:

< 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>

$(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>

Thanks for looking, any help is much appreciated

29/08/2010
18:00

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

You should replace the lins

url:data.action',

and

pager: '#pgrid

to the

url:'data.action',

and

pager: '#pgrid'

I recommend you alway verify your JavaScript program in a debugger or/and in http://www.jslint.com/. Moreover I would recommend you remove all default values from the jqGrid options (loadonce:false, jsonReader and so on) and colModel (like align:"left" and index identical to the name). The unneeded parameters make your program not so easy to read and it will be more slow downloaded and run.

Moreover verify, that you select all jqGrid modules during downloaded from the http://www.trirand.com/blog/?page_id=6 page. Try select all, download and retry the test.

Best regards

Oleg

30/08/2010
23:15

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

Hi Oleg,

I corrected the code, it was while copy-paste those single quotes got missed but i confirmed they were still in code.

If I remove "loadonce:true" from the attributes than both searching and sorting became server side. While I want to handle them in client -side as I won't have a huge data set.

So if I remove loadonce:true it sends request to server and can sort there. but I want to do clientside sorting and searching.. Can we fix this Javascript error somehow ...

Object doesn’t support this property or method

jquery.jqGrid.min.js Line: 19

Code:0 Char: 161

I tried putting new release as suggested by you but it is still giving same JS error..

Question: how do I specify data type of column in the model.. and what will happen for date fields ??

Do you think I am missing any js file. Because all this was working fine when I also included ....loader.js but was getting other JS errors.

Thanks

31/08/2010
00:04

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi deepak_ahu,

I recommended you remove default value loadonce:false (see code from your first post) and not loadonce:true like you write in your last post.

You should post a link with your test grid or post your test JSON data posted from the server.

For the usage of data type see http://www.ok-soft-gmbh.com/jq.....avient.htm and /client-side-date-sorting-is-not-working/.

Best regards
Oleg

01/09/2010
01:27

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

Thanks Oleg for your suggestion.

I included

script type="text/javascript" src="<s:url value="/js/src/jquery.searchFilter.js"/>"></script>

and things seem to be working fine now..

I have one question though.. how to we word-wrap header and cell data ??

i haven't searched the forum yet.. but will do it.. if you have any suggestions would appreciate.

Thanks

Deepak

01/09/2010
01:48

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

I wrote before that you should post the full code or a link to this. Do you tried to select all jqGrid modules during downloaded from the /?page_id=6 and http://stackoverflow.com/quest.....in-one-row.

Regards
Oleg

01/09/2010
02:04

deepak_ahu

Member

Members

Forum Posts: 10

Member Since:
26/08/2010

Offline

Yes I am able to fix it.. thanks a lot.. and yes i took all the modules..

appreciate your help Oleg

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 994

Currently Online:
33 Guest(s)

Currently Browsing this Page:
1 Guest(s)