jQuery Grid Plugin - jqGrid - Topic: Internet Explorer problem. Anyone help pls! http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls Simple:Press Version 5.7.5.3 tony on Internet Explorer problem. Anyone help pls! http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5543 Help http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5543 Hello,

Before to pass this in jqGrid try to see what is when you do this in IE7

var myjsonarr = eval("("+mystr+")");

This should produce a json object, but I see emty cell - ie cell:[],

Try to put emty data here instead that this should be empty.

Regards

Tony

]]> Tue, 24 Mar 2009 02:19:05 +0200 fractalsanta on Internet Explorer problem. Anyone help pls! http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5516 Help http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5516 Also, will the jsonstring method work if I want to implement the search functionality later. Since I'm not going to be using $_GET or anything does this limit me with AJAX usage as well?

]]> Mon, 23 Mar 2009 06:24:28 +0200 fractalsanta on Internet Explorer problem. Anyone help pls! http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5515 Help http://www.trirand.com/blog/?page_id=393/help/internet-explorer-problem-anyone-help-pls#p5515 Hi there,

Could anyone help pls - currently having issues with getting my grid to work in IE7. The grid renders fine in Firefox, but in Internet Explorer 7 the red loading message ("Loading...") does not disappear and the pagination and other elements dont display. Also, the sorting doesn't work. In FF everything renders fine, except that the pagination doesn't work. I'm using a JSONSTRING to display the data.

Could anyone please help? Here is the html output that is created by a custom PHP class :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
                   
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>iSAMS Layout</title>
<!--CSS declarations-->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/accordion.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<!--JS declarations-->
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>

<script type="text/javascript" src="jquery-ui-personalized-1.5.3.js"></script>

</head>

                         
          <script type="text/javascript">
 var mystr =
  "{" +
  "total: '3'," +
  "page: '1'," +
  "records: '13'," +
  "rows : [" +
  "{id:'0', cell:[]}," + "{id:'1', cell:['1','Akasia','1234']}," + "{id:'2', cell:['2','Pretoria Noord','1334']}," + "]" +
  "}";
  
  jQuery(document).ready(function()
  {jQuery("#list").jqGrid(
  { datatype: 'jsonstring',
   datastr: mystr, 
   jsonReader : {
      root: "rows",
      page: "page",
      total: "total",
      records: "records",
      repeatitems: true,
      cell: "cell",
      id: "id",
      subgrid: { root:"rows", repeatitems: true, cell:"cell" }
   },

     colNames:['SchoolID','SchoolName','EMISNumber'],
           colModel :[{name:'SchoolID',index:'SchoolID', width:20, sortable:true, align:'center'},{name:'SchoolName',index:'SchoolName', width:20, sortable:true, align:'center'},{name:'EMISNumber',index:'EMISNumber', width:20, sortable:true, align:'center'}],
     pager: jQuery('#pager2'),
     rowNum:10,
     rowList:[10,20,30],
     imgpath: 'themes/basic/images',
     sortname: 'SchoolID',
     viewrecords: true,
     sortorder: 'asc',
     caption: 'GridName',
     width: 300,
     height: 200

  
    }).navGrid('#pager2',{edit:false,add:false,del:false});
   });
  
  </script>          
          </head>
          <body>
          <!-- the grid definition in html is a table tag with class 'scroll' -->
          <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
          <div id="pager2" class="scroll" style="text-align:left;"></div>                      
     
   <br style="clear: both;" />
</body>
</html>

Your help would be much appreciated!

]]> Mon, 23 Mar 2009 06:04:36 +0200