Forum


19:31

09/06/2010

Problem Description: JQ Grid works fine on Firefox, Safari and Opera, but it doens't work on IE.
Synthoms: Error icon is shown on the left side footer.
Test Server: http://www.wallacewireless.com.....qGridTest/
Project Zip File: http://www.wallacewireless.com.....idTest.zip
HTML Code:
==========================================================================================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Roger's JQ Grid - Testing</title>
<link href="css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
html, body {
font-size: 75%;
margin: 0px;
padding: 0px;
}
-->
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/src/grid.loader.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'results.xml',
datatype: 'xml',
mtype: 'GET',
colNames:['Del','Edit', 'User','Points'],
colModel :[
{name:'index_del', index:'index_del', width:33, align:'center', sortable:false},
{name:'index_edit', index:'index_edit', width:38, align:'center', sortable:false},
{name:'index_cp', index:'index_cp', width:382},
{name:'index_members', index:'index_members', width:312},
],
pager: '#pager',
rowNum:10,
rowList:[10,20,30],
sortname: 'index_members',
sortorder: 'desc',
viewrecords: true
});
});
</script>
</head>
<body>
<table id="list"></table>
<div id="pager"></div>
</body>
</html>
==========================================================================================================================================
This is the error details:
==========================================================================================================================================
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Timestamp: Wed, 9 Jun 2010 16:21:55 UTC
Message: Object doesn't support this property or method
Line: 23
Char: 3
Code: 0
URI: http://www.wallacewireless.com.....qGridTest/
==========================================================================================================================================
I am a newbie on JQ Grid and I am clueless about this issue
Any help would be very appreciated.
Tks,
14:08

Moderators
30/10/2007

Hello,
The error is in your code
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'results.xml',
datatype: 'xml',
mtype: 'GET',
colNames:['Del','Edit', 'User','Points'],
colModel :[
{name:'index_del', index:'index_del', width:33, align:'center', sortable:false},
{name:'index_edit', index:'index_edit', width:38, align:'center', sortable:false},
{name:'index_cp', index:'index_cp', width:382},
{name:'index_members', index:'index_members', width:312}, <======== Erorr
],
Remove that comma and you will enjoy the grid in IE
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.
Most Users Ever Online: 715
Currently Online:
45 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