Untitled

<html>
<head>
  <title> Airstate </title>
</head>
<body>
<h2> Airstate </h2>
<link rel="stylesheet" type="text/css" media="screen" href="javascripts/jqGrid/themes/redmond/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="javascripts/jqGrid/themes/ui.jqgrid.css"/>
<script src="javascripts/jqGrid/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jqGrid/js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="javascripts/jqGrid/js/jquery.layout.js" type="text/javascript"></script>

<script src="javascripts/jqGrid/js/jqModal.js" type="text/javascript"></script>
<script src="javascripts/jqGrid/js/jquery.jqGrid.js" type="text/javascript"></script>
<script type="text/javascript">
var authenticityToken  = encodeURIComponent('GoSD7xNPpttz2h2VjDyi28rt6pXPao7KsMdnzPGBr3I=')
</script>

<script type="text/javascript">
var listlastsel;
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
   url:'airstate.xml',
   editurl:'airstate',
   datatype: 'xml',
   height: "auto",
   mtype: 'GET',
   colNames:['Id','Created on','Whom','Logmessage'],
   colModel :[
      {name: 'id',index:'id',key:true,width:80,align:'right'},
      {name: 'created_on',index:'created_on',key:false,width:130},
      {name: 'whom',index:'whom',key:false,width:300,align:'left',editable:true},
      {name: 'logmessage',index:'logmessage',key:false,width:300,align:'left',editable:true}],
   pager: jQuery('#list-pager'),
   onSelectRow: function(id){
     if(id && id!==listlastsel){
        jQuery('#list').restoreRow(listlastsel);
        jQuery('#list').editRow(id,true);
         listlastsel=id;
         }
      },
   rowNum:10,
   autowidth: true,
   toolbar: [true,"top"],
   sortname: 'id',
   sortorder: "desc",
   postData: {authenticity_token:authenticityToken},
   viewrecords: true,
   imgpath: 'javascripts/jqGrid/themes/redmond/images',
   caption: 'Airstate',
   xmlReader: {root: "root",
                row: "syslog",
                page:"root>page",
                total:"root>total",
                records:"root>records",
                repeatitems:false
},
  });
jQuery("#list").navGrid('#list-pager',{viewrecords:false,add:true,del:true,search:true });
});
</script>
<div id="list-pager" class="scroll"></div>
<table id="list" class="scroll" style="text-align:left;"></table>

</body>
</html>