Forum


02:47

01/09/2011

I must have something wrong in my configuration. The page loads and I get the error message:
"Uncaught jqGrid – No such method: navGrid"
If I comment out the second .jqGrid call the page loads without errors, but there's no table inserted.
Could i get some help from more experienced forum members:
Script:
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/custom-theme/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript">
jQuery("#list2″).jqGrid({
url:'getPlaces.php?q=Pizza',
datatype: "json",
colNames:['ID','Name', 'Category', 'Locality','Region','Longitude','Latitude'],
colModel:[
{name:'factual_id',index:'factual_id', width:55},
{name:'name',index:'name', width:100},
{name:'category',index:'category', width:80, align:"right"},
{name:'locality',index:'locality', width:80, align:"right"},
{name:'region',index:'region', width:80,align:"right"},
{name:'longitude',index:'longitude', width:80,align:"right"},
{name:'latitude',index:'latitude', width:80, align:"right"}
],
rowNum:20,
rowList:[20,40,60],
pager: '#pager2',
sortname: 'name',
viewrecords: true,
sortorder: "desc",
caption:"Matching suppliers"
});
jQuery("#list2″).jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
HTML:
<div id="pager2″></div>
<table id="list2″></table>
08:12

Moderators
30/10/2007

Hello,
Please read the installation instructions.
http://www.trirand.com/jqgridw.....to_install
You shouls place the order of the loading modules in right order
In your case you will need maybe to reverse them.
Regards
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
13:17

01/09/2011

Somehow the order got reversed in the previous post when I pasted in the code. The actual order is:
<link rel="stylesheet" type="text/css" media="screen" href="css/custom-theme/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
Which makes sense I think, based on jqGrid extending both jQuery and jQueryUI.
Most Users Ever Online: 715
Currently Online:
41 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66