Page 1 of 1

jqGrid: search button - don't get pop up

Posted: Mon Nov 09, 2015 3:19 pm
by publicGenome
Hi There,

I'm new to Jquery, JQgrid. Please pardon my naive question(s). I've a hard coded jqGrid, with 2 rows. They are being displayed on the page. So far so good.
I'd like to activate the search button in the table. I'm able to get search button, but it doesn't pop-out, as a dialog box.

My header looks like:
including all necessary files for CSS and JQuery.

Code: Select all

<link rel="stylesheet" href="http://localhost/learn_routing/public/css/default.css" />

<script src=""></script>  
<link rel="stylesheet" href="http://localhost/learn_routing/public/css/ui.jqgrid.css" /> 

<script type="text/javascript" src="http://localhost/learn_routing/public/js/grid.locale-en.js"> </script>  
<script type="text/javascript" src=""></script>
<link rel="stylesheet" href=""> 
<script type="text/javascript" src="http://localhost/learn_routing/public/js/jquery.jqGrid.min.js"> </script>
<script type="text/javascript" src="http://localhost/learn_routing/public/js/grid.common.js"> </script>
<script type="text/javascript" src="http://localhost/learn_routing/public/js/grid.filter.js"> </script>
<script type="text/javascript" src="http://localhost/learn_routing/public/js/grid.formedit.js"> </script>

<script type="text/javascript" src="http://localhost/learn_routing/views/grid/js/grid.js"> </script> 
Below is my js for the grid.

Code: Select all

//hard coded data	
var mydata=[
            {ID:"one",Name : "row one"},
            {ID: "two",Name:"row two"}

	data: mydata,
	datatype: 'local',
	width: 1000,
	          {	name:'ID',index:'id',key:true,width:50},
	          {	name:'Name',index:'name',key:true,width:100}
	          rownumbers: true, //show row number
	          multiselect: true, //check box
	          pager: '#pager', //div pager
	          sortname:'id', //sort on id colum
	caption:"jqGrid Example" //title of the grid

jQuery("#grid").jqGrid('navGrid','#pager', {edit:false,add:false,del:false,refresh:false}, {}, {}, {}, {multipleSearch:true, multipleGroup:true} );
//search button .. doesn't work 

How do I fix the search button to get it working?

Re: jqGrid: search button - don't get pop up

Posted: Tue Nov 10, 2015 5:08 am
by publicGenome
a gentle bump to this post. :help:

Re: jqGrid: search button - don't get pop up

Posted: Tue Nov 10, 2015 6:43 am
by publicGenome
New code:

Code: Select all

			{}, {}, {}, 
				multipleGroup:true,overlay:false} );
	jQuery("#grid_illume").searchGrid(); //this is wrong....
But doesn't help.