[jQuery] need help with jqGrid
I' m trying to use the jquery jqGrid plugin but i can't see it working
with ASP code.
this is the xml generated file.
<rows>
<page> </page>
<total> </total>
<records>114</records>
<row id=191>
<cell>191</cell>
<cell>15</cell>
</row>
<row id=192>
<cell>192</cell>
<cell>15</cell>
</row>
<row id=193>
<cell>193</cell>
<cell>15</cell>
</row>
</rows>
and this is the html:
<html>
<head>
<title>jqGrid Demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="/jqgrid/
themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/
jqModal.css" />
<script src="/jqgrid/jquery.js" type="text/javascript"></script>
<script src="/jqgrid/jquery.jqGrid.js" type="text/javascript"></
script>
<script src="/jqgrid/js/jqDnR.js" type="text/javascript"></script>
<script src="/jqgrid/js/jqModal.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'listDisponibilidade.asp',
datatype: 'xml',
mtype: 'GET',
colNames:['id','Cdigo'],
colModel :[
{name:'id', index:'id', key:true, width:55},
{name:'cod_casa', index:'cod_casa', width:55},
],
pager: jQuery('#pager'),
rowNum:10,
rowList:[10,20,30],
sortname: 'id',
sortorder: "desc",
viewrecords: true,
imgpath: '/jqgrid/themes/basic/images',
caption: 'My first grid'
});
});
</script>
</head>
<body>
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
</body>
</html>
I can't see what i'm doing wrong. Please help.