jQuery Grid Plugin - jqGrid

Ok!!.. i got rid of the error message that was earlier being observed..

Now.. i see a blank page loaded with no errors ..

I made the following changes to the search1.js.. and added the following

in the jsp..apart from the earlier includes of jquery scripts...

<

body><table id="s1list" class="scroll" cellpadding="0" cellspacing="0"></table><div id="s1pager" class="scroll" style="text-align:center;"></div></body>

Note : I do not need date picker at the moment , so have removed it..

var gridimgpath="/themes/sand/images";
jQuery("#s1list").jqGrid({
url:'${pageContext.request.contextPath}/testServlet',
 datatype: "xml",
    colNames:['ID','NAME', 'STATUS', 'CHANNEL','VERSION'],
    colModel:[
     {name:'id',index:'id', width:65},
     {name:'name',index:'name', width:100},
     {name:'status',index:'status', width:80, align:"right"},
     {name:'channel',index:'channel', width:80,align:"right"},  
     {name:'version',index:'version', width:150, sortable:false}  
    ],
    rowNum:10,
    mtype: "POST",
    rowList:[10,20,30],
    imgpath: gridimgpath,
    pager: jQuery('#s1pager'),
    sortname: 'id',
    viewrecords: true,
 toolbar : [true,"top"],
    sortorder: "desc",
    caption:"Multiple Toolbar Search Example"
});
jQuery("#t_s1list").height(25).hide().filterGrid("s1list",{gridModel:true,gridToolbar:true});

jQuery("#s1list").navGrid('#s1pager',{edit:false,add:false,del:false,search:false,refresh:false})
.navButtonAdd("#s1pager",{caption:"Search",title:"Toggle Search",buttonimg:gridimgpath+'/find.gif',
 onClickButton:function(){
  if(jQuery("#t_s1list").css("display")=="none") {
   jQuery("#t_s1list").css("display","");
  } else {
   jQuery("#t_s1list").css("display","none");
  }
  
 }
});