jQuery Grid Plugin - jqGrid - Topic: Jgrid Multiple toolbar

navtaj on Jgrid Multiple toolbar

Mon, 05 Jan 2009 02:07:46 +0200

Nevermind i got it working correctly..

Thanks for the responses..

Apprecaite them...

-Navtaj

navtaj on Jgrid Multiple toolbar

Mon, 05 Jan 2009 01:42:11 +0200

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");
  }

}
});

navtaj on Jgrid Multiple toolbar

Mon, 05 Jan 2009 00:40:41 +0200

Hi, Thanks for responding.. below is what i have .. i think i already tried your suggestion please have a look..

<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title><link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/themes/basic/grid.css" /><link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/themes/jqModal.css" /><script src="${pageContext.request.contextPath}/jquery.js" type="text/javascript"></script>

script src="${pageContext.request.contextPath}/js/jqModal.js" type="text/javascript"></script>

script src="${pageContext.request.contextPath}/js/jqDnR.js" type="text/javascript"></script>

script type="text/javascript">

// We use a document ready jquery function.

var gridimgpath="/themes/sand/images"

;

</script></head>

And themes is just under Web-Content.

Please let me know what is missing...

blg on Jgrid Multiple toolbar

Mon, 05 Jan 2009 00:06:20 +0200

You have to replace the “…..” begining the sample text by the path to the images, something like:

var gridimgpath = '../jqgrid/themes/basic/images';

navtaj on Jgrid Multiple toolbar

Sun, 04 Jan 2009 22:23:46 +0200

HI All,

I am a newbie to javascript as i am to Jquery/Jgrid..

Trying to setup and run a Jrgid Multitool bar search.
Tried the example as given in http://trirand.com/jqgrid/jqgrid.html ->New in version 3.3 ->MultiTool bar Search.

I have a jsp that calls another servlet that actually talks to DB to pass the infromation for loading the Grid..

Copied the script "as is" from the website.. but result is as below..

It gives me the following error - "gridimgpath is not defined"..

Even without the code, only on including the follwing, it gives me the error..

script src="${pageContext.request.contextPath}/search1.js" type="text/javascript"></script>

Help is greately appreciated.

Thanks,

Navtaj