jQuery Grid Plugin - jqGrid

Hello,

I'm new to JQGrid. I'm trying to get Master Detail to work in ASP & XML. I am 90% way there but having an issue with second grid. The navagation is all messed up.. the Page Count always says 0 of 1. The number counter isn't working either. either showing 1-11 of 3 or 1-3 of 2 ect… Can someone tell me what i'm doing wrong? First grid works perfectly.

UPDATE: If i add "loadonce: true", i get the paging to work but, now when i select rows of the top grid, the bottom doesn't change. just stays on what i clicked on first. any recommendations?

<

<

html>head>
<link rel="stylesheet" type="text/css" media="screen" href="/Online1/common/javascript/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/Online1/common/javascript/css/redmond/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/Online1/common/javascript/css/ui.multiselect.css" />
<script src="/Online1/common/javascript/jquery-1.6.2.js"></script>
<script src="/Online1/common/javascript/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="/Online1/common/javascript/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/Online1/common/javascript/plugins/ui.multiselect.js" type="text/javascript"></script>
<script src="/Online1/common/javascript/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/Online1/common/javascript/plugins/jquery.tablednd.js" type="text/javascript"></script>
<script src="/Online1/common/javascript/plugins/jquery.contextmenu.js" type="text/javascript"></script>
<style>
.ui-widget-content

{

}

font-family: "Arial" , Helvetica, Verdana;font-size: 10px;.ui-th-column

{

}

font-family: "Arial" , Helvetica, Verdana;font-size: 11px;font-weight: 900;.ui-jqgrid tr.jqgrow td

{

}

white-space: normal !important;height: auto;vertical-align: text-top;padding-top: 2px;</style>
<script type="text/javascript">

jQuery().ready(

jQuery(

url:

datatype:

height:

colNames: [

colModel: [

{ name:

{ name:

{ name:

{ name:

{ name:

{ name:

{ name:

{ name:

{ name:

{ name:

],

rowNum: 10,

pager:

viewrecords:

loadonce:

xmlReader: {

root:

row:

repeatitems:

id:

},

onSelectRow:

jQuery(

jQuery(

jQuery(

lastsel2 = id;

jQuery(

jQuery(

}

},

var lastsel2;function () {"#list1″).jqGrid({'/Online1/sam3/AjaxFunctionsCMDRpt.asp?dtF=2011-6-1&dtT=2011-6-2&action=CMD',"xml",'auto','Case#', 'Customer Name', 'NA', 'Date', 'Prod Line', 'Product', 'Reason', 'Description', 'Resolution', 'Reason2'],'swCaseId', index: 'swCaseId', width: 55, align: "center" },'swName', index: 'swName', width: 100, align: "left" },'ATS', index: 'ATS', width: 35, align: "center" },'swDateCreated', index: 'swDateCreated', width: 60, align: "center" },'ProductLine', index: 'ProductLine', width: 60, align: "left" },'Product', index: 'Product', width: 100, align: "left" },'Reason', index: 'Reason', width: 100, align: "left" },'Description', index: 'Description', width: 300, align: "left" },'Resolution', index: 'Resolution', width: 150, align: "left" },'Reason2', index: 'Reason2', width: 200, sortable: false, editable: true, edittype: "select" }'#pager1',true,true,"Cases","Case",false,"swCaseId" function (id) {if (id && id !== lastsel2) {'#list1').setColProp('Reason2', { editoptions: { dataUrl: '/Online1/sam3/AjaxFunctionsCMDRpt.asp?action=&swCaseId=' + id} });'#list1').jqGrid('restoreRow', lastsel2);'#list1').jqGrid('editRow', id, true);"#list1_d").jqGrid('setGridParam', { url: '/Online1/sam3/AjaxFunctionsCMDRpt.asp?action=CMDsub&swCaseId=' + id, page: 1 });"#list1_d").jqGrid('setCaption', "Case Notes: " + id).trigger('reloadGrid');//editurl: '/Online1/sam3/AjaxFunctionsCMDRpt.asp',

caption:

"CMD Cases"

})

jQuery(

jQuery(

url:

datatype:

height:

colNames: [

colModel: [

{ name:

{ name:

{ name:

{ name:

],

rowNum: 5,

pager:

viewrecords:

xmlReader: {

root:

row:

repeatitems:

id:

"#list1″).jqGrid('navGrid', '#pager1', { edit: false, add: false, del: false });"#list1_d").jqGrid({'/Online1/sam3/AjaxFunctionsCMDRpt.asp?action=CMDsub&swCaseId=-1',"xml",'auto','ID', 'Note', 'Date', 'Created By'],'swWorkLogId', index: 'swWorkLogId', width: 55, align: "center" },'swNote', index: 'swNote', width: 700, align: "left" },'swDateCreated', index: 'swDateCreated', width: 100, align: "center" },'swCreatedBy', index: 'swCreatedBy', width: 100, align: "left", sortable: false, search: false }'#pager1_d',true,"Notes","Note",false,"swWorkLogId"

},

caption:

"Case Notes"

})

jQuery(

});

</

<

"#list1_d").jqGrid('navGrid', '#pager1_d', { edit: false, add: false, del: false });</script>head>body>
<div class='g1'>
<table id="list1″>
</table>
<div id="pager1″>
</div>
<br />
<table id="list1_d">
</table>
<div id="pager1_d">
</div>

</

</

</div>body>html>