jQuery Grid Plugin - jqGrid

hi ,

i have created 2 tables using jquery,one is with XML Reader(2tables) and json Reader(1 table), but the issue is when i try to run the page, the json Reader tables displays but the Xml Reader tables will have the errors as

Message: '$.jgrid.formatter.integer' is null or not an object

Message: '$.jgrid' is null or not an object

, please guide me.and also for the one table that is  xml reader table we have the error displayed upon the table "undefined". and the other XML Reader table will not be displayed.. and the other way when i cooment the 1 st XML reader table the 2 nd one gets displayed but not both at time...

</head></script>            fillGridOnEvent();<script type="text/javascript"></script>  }
       });           //$("#pager_left").hide();           });               }                   return true;               beforeSelectRow: function () {               caption: 'Values for last hour',               height: '100%',               viewrecords: true,               ignoreCase: true,               autoencode: true,               hoverrows: false,               gridview: true,              // pager: '#pagertbl3',               //rowList: [5, 10, 20],               //rowNum: 100,               cmTemplate: {sortable: false},                                  colModel: <%=pageContext.findAttribute("colModel").toString()%>,               colNames: <%=pageContext.findAttribute("colNames").toString()%>,               data: mydata,               datatype: 'local',           $("#jqgridtbl3").jqGrid({                             /*  $("#jQGridtime").html("<table id="list3" class="scroll" ></table width='50%'><div id='pager3'></div>"), */           };               return result;               }                   result = ' style="display:' + attr.display + '"'; {               } else if (attr.display)                    result = ' rowspan=' + '"' + attr.rowspan + '"';               if (attr.rowspan) {               var attr = rawObject.attr[cm.name], result;           arrtSetting = function (rowId, val, rawObject, cm) {           var mydata = <%=pageContext.findAttribute("jsonData1").toString()%>           /* 'use strict'; */       $(function () {

   });     }                       repeatitems: false     jsonReader: {     emptyDataText:"No Alert Found for This Device.",     caption: "Alerts On Device",      paging: true,      loadonce: true, //pagination is not working with it.     shrinkToFit:true,     ignoreCase: true,     viewrecords: true,     pager: '#pagertbl2',     rowList:[10,20,30],     rowNum: 10,      ],                  {name:'Alertended',index:'Alertended', align:'center', sortable:true, width:100 }         {name:'AlertStarted',index:'AlertStarted', align:'center', sortable:true, width:100 },         {name:'Recipientlist',index:'Recipientlist', align:'center', sortable:true, width:100 },         {name:'AlertMessage',index:'AlertMessage', align:'center', sortable:true, width:300 },         {name:'AlertName',index:'AlertName', align:'center', sortable:true, width:200 },         {name:'Alert_category',index:'Alert_category', align:'center', sortable:true, width:100 },         {name:'Alert_Status',index:'Alert_Status', align:'center', sortable:true, width:200 },     colModel:[       colNames:['Alert Status','Alert Category','Alert Name','Alert Message','Recipient List','Alert Started','Alert Ended'],       height: 70,          width: 950,                                                                                                      xmlReader : {root:"elements", row:"element", page:"alertlist>currentpage", total:"alertlist>totalpages", records:"alertlist>totalrecords", repeatitems:false/*, id:'DEVICENAME'*/ },        datastr : xmlData1,       datatype: "xmlstring",     jQuery("#jqgridtbl2").jqGrid({         /*   $("#jQGridAlert").html("<table id="list1" class="scroll" ></table width='50%'><div id='pager1'></div>");   */          alert("table3");
     var xmlData1 ='<%=request.getAttribute("xmlData1")%>';      });             }             repeatitems: false    jsonReader: {     emptyDataText:"No Device Status Found for This Location." ,       caption: "Device Status",      paging: true,     loadonce: true, //pagination is not working with it.     shrinkToFit:true,     ignoreCase: true,     viewrecords: true,     pager: '#pagertbl1',     rowList:[10,20,30],     rowNum: 10,      ],                  {name:'SENSORID',index:'SENSORID', align:'center', sortable:true, width:100 }         {name:'PROBEID',index:'PROBEID', align:'center', sortable:true, width:100 },         {name:'IPADDRESS',index:'IPADDRESS', align:'center', sortable:true, width:100 },         {name:'SENSORSTATUS',index:'SENSORSTATUS', align:'center', sortable:true, width:200 },         {name:'DATAlABEL',index:'DATAlABEL', align:'center', sortable:true, width:200 },         {name:'DEVICENAME',index:'DEVICENAME', align:'center', sortable:true, width:250 },     colModel:[       colNames:['Device Name','Data Label','Sensor Status','IP Address','Probe ID','Sensor ID'],       height: 70,          width: 950,                                                                                                      xmlReader : {root:"elements", row:"element", page:"DSList>currentpage", total:"DSList>totalpages", records:"DSList>totalrecords", repeatitems:false/*, id:'DEVICENAME'*/ },        datastr : xmlData,       datatype: "xmlstring",     jQuery("#jqgridtbl1").jqGrid({
    /*  $("#jQGrid").html("<table id="list" class="scroll" ></table width='50%'><div id='pager'></div>");   */              var xmlData = '<%=request.getAttribute("xmlData")%>';       alert("table2");
function fillGridOnEvent(){<script type="text/javascript">
</script> --%>}   });             }             repeatitems: false    jsonReader: {     emptyDataText:"No Device Status Found for This Location." ,       caption: "Device Status",      paging: true,     loadonce: true, //pagination is not working with it.     shrinkToFit:true,     ignoreCase: true,     viewrecords: true,     pager: '#pagertbl1',     rowList:[10,20,30],     rowNum: 10,      ],                  {name:'SENSORID',index:'SENSORID', align:'center', sortable:true, width:100 }         {name:'PROBEID',index:'PROBEID', align:'center', sortable:true, width:100 },         {name:'IPADDRESS',index:'IPADDRESS', align:'center', sortable:true, width:100 },         {name:'SENSORSTATUS',index:'SENSORSTATUS', align:'center', sortable:true, width:200 },         {name:'DATAlABEL',index:'DATAlABEL', align:'center', sortable:true, width:200 },         {name:'DEVICENAME',index:'DEVICENAME', align:'center', sortable:true, width:250 },     colModel:[       colNames:['Device Name','Data Label','Sensor Status','IP Address','Probe ID','Sensor ID'],       height: 70,          width: 950,                                                                                                      xmlReader : {root:"elements", row:"element", page:"DSList>currentpage", total:"DSList>totalpages", records:"DSList>totalrecords", repeatitems:false/*, id:'DEVICENAME'*/ },        datastr : xmlData,       datatype: "xmlstring",     jQuery("#jqgridtbl1").jqGrid({
$("#jQGrid").html("<table id="list" class="scroll" ></table width='50%'><div id='pager'></div>");        var xmlData = '<%=request.getAttribute("xmlData")%>';
alert("table1");
{<%-- function test()
<script type="text/javascript">
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/resources/css/jquery-ui.css" /><link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/resources/css/ui.multiselect.css" /><link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/resources/css/ui.jqgrid.css" /><link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/resources/css/jquery-ui-custom.css" />
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/json2.js"></script><script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/js/jquery.jqGrid.src.js"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.json2.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.jqGrid.src.js" type="text/javascript"></script>    </script>       $.jgrid.useJSON = true;        $.jgrid.no_legacy_api = true;<script type="text/javascript"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<%-- <script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.js" type="text/javascript"></script> --%>

<script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.contextmenu.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.layout.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/ui.multiselect.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.tablednd.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery-ui.min.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/resources/js/jqGrid/grid.locale-en.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery-1.9.min.js" type="text/javascript"></script><script src="<%=request.getContextPath()%>/resources/js/jqGrid/jquery.js" type="text/javascript"></script>

<script type="text/javascript" src="resources/js/SEMA.js"></script><link rel="stylesheet" href="resources/css/style.css" /><title>SEMA_device_status</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head>