jqGrid cant get started with it

jqGrid cant get started with it

I have installed jQuery, jqGrid a customer ui  with the corresponding theme.  I have checked to make sure JQuery is working and that my links are correct.   

I'm a bit of a noob, so  any help I can get will be much appreciated.  I was thinking that at a minimun, something should appear, some default empty grid or what, on my test page after getting all pieces in place.  Is that even close to right?

My test page below contains some links to some home made js as a check for the links a jQuery call that works and a check for jQuery.  All these work fine.  jqGrid is flat lining it on me. 

What am I missing in getting the jqGrid up and going?

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
 
<link rel="stylesheet" type="text/css" media="screen" href="./css/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./css/test.css" />
 
<script src="./js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
<script src="./js/grid.locale-en.js" type="text/javascript"></script>
<script src="./js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="./js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="./js/test.js" type="text/javascript"></script>
 
</head>
<body>
homemade scripts in text files to check relative links
<p id="changebackground">this should have a background</p>
<button onclick="cbg()">change color</button>
<br>
<p id="hdntext" style="display:none;">Here it is</p>
<button onclick="unhide()">unhide</button>
<br>
gif to test if jQuery is up and running
<br>
<img src="./images/jquerytestimage.gif" heigth="75px" width="75px" alt="this is a test image" >
<script type="text/javascript">
$(document).ready(function(){
    alert($('img').attr('alt'));
    });
</script>
<script type="text/javascript" >
if (typeof jQuery == 'undefined') { 
 alert('jQuery has not been loaded!'); 
    }
</script>

</body>
</html>
 














































 









    • Topic Participants

    • bill