jQuery Grid Plugin - jqGrid - Topic: I do not see the find and refresh buttons

Imtiyaz on I do not see the find and refresh buttons

Thu, 25 Nov 2010 08:58:24 +0200

I too having same problem...

My Code is as under. I did tried all but to no success. can tony/anyone help me out

jQuery("#list").jqGrid('navGrid','#gridpager',{edit:false,add:false,del:false});

});
</script>

</head>
<body>
<table id="list"></table>
<div id="gridpager"></div>

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 18:13:20 +0200

Oops MY MISTAKE

I now see the grid! and I have search and refresh buttons.

When I try the search button I dialogue comes up. But the search doesn't return anything.

Don't I need to change the jsondump.php code so it can handle the search request? But how...?

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 18:08:49 +0200

I am really sorry, I now have this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<style>
html, body {
    margin: 1em;
    padding: 1em;
    font-size: 75%;
}
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-nl.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

</head>
<body>
<table id="list1"></table>
<div id="gridpager"></div>
</body>
</html>

But now I have no grid at all...

tony on I do not see the find and refresh buttons

Thu, 11 Nov 2010 18:05:45 +0200

Hello,

Well - sorry that i do not look carfully into the code.

The problem is here:

....
viewrecords: true,
height: "100%"
});
});
jQuery("#list1″).jqGrid('navGrid','#gridpager',{edit:false,add:false,del:false});
</script>

Should be

....
viewrecords: true,
height: "100%"
});

jQuery("#list1″).jqGrid('navGrid','#gridpager',{edit:false,add:false,del:false});

});
</script>

Regards

Tony

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 18:00:35 +0200

Sorry, DOCTYPE was in:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

I develop on Mac, tested in the following browsers:

FireFox 3.6.12

Chrome 5.0.375.70

Safari 5.0.2

tony on I do not see the find and refresh buttons

Thu, 11 Nov 2010 17:57:16 +0200

Hello,

Is this in all browsers?

Try to add DOCTYPE declaration in the file

Tony

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 17:54:43 +0200

Here is the header info:

/*
* jqGrid 3.8.1 - jQuery Grid
* Copyright (c) 2008, Tony Tomov, mailto:tony@trirand.com
* http://www.gnu.org/licenses/gpl-2.0.html
* Date:2010-10-24
* Modules: grid.base.js; jquery.fmatter.js; grid.custom.js; grid.common.js; grid.formedit.js; jquery.searchFilter.js; grid.inlinedit.js; grid.celledit.js; jqModal.js; jqDnR.js; grid.subgrid.js; grid.grouping.js; grid.treegrid.js; grid.import.js; JsonXml.js; grid.setcolumns.js; grid.postext.js; grid.tbltogrid.js; grid.jqueryui.js;
*/

tony on I do not see the find and refresh buttons

Thu, 11 Nov 2010 17:52:59 +0200

Hello,

Please open the jquery.jqGrid.min.js used and post the header info something like this:

* jqGrid 3.8.1 - jQuery Grid

* http://www.gnu.org/licenses/gpl-2.0.html

* Date:2010-10-24

* Modules: grid.base.js;

.....;

*/

Regards
Tony

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 17:49:41 +0200

Here is the HTML code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<style>
html, body {
    margin: 1em;
    padding: 1em;
    font-size: 75%;
}
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-nl.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

</head>
<body>
<table id="list1"></table>
<div id="gridpager"></div>
</body>
</html>

Here is the PHP code of jsondump.php:

<?php
$page = $_REQUEST['page']; // get the requested page
$limit = $_REQUEST['rows']; // get how many rows we want to have into the grid
$sidx = $_REQUEST['sidx']; // get index row - i.e. user click to sort
$sord = $_REQUEST['sord']; // get the direction
if(!$sidx) $sidx = 1;

$totalrows = isset($_REQUEST['totalrows']) ? $_REQUEST['totalrows']: false;
if($totalrows) { $limit = $totalrows; }
$db = mysql_connect('localhost','root','root') or die("Connection Error: " . mysql_error());
mysql_select_db('excel') or die("Error conecting to db.");
$result = mysql_query("SELECT COUNT(*) AS count FROM xxxx_wachtlijst");
$row = mysql_fetch_array($result,MYSQL_ASSOC);
$count = $row['count'];
if( $count >0 ) {
$total_pages = ceil($count/$limit);
}
else {
$total_pages = 0;
}
if ($page > $total_pages) $page=$total_pages;
$start = $limit * $page - $limit; // do not put $limit*($page - 1)
$sql = "SELECT * FROM xxxx_wachtlijst ORDER BY $sidx $sord LIMIT $start , $limit";
$result = mysql_query( $sql ) or die("Could not execute query.".mysql_error());

$responce->page = $page;
$responce->total = $total_pages;
$responce->records = $count;
$i=0;
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
   $responce->rows[$i]['id']=$row[id];
   $responce->rows[$i]['cell']=array($row[id],$row[persnr],$row[positie],$row[datum],$row[gemeente]);
   $i++;
}
echo json_encode($responce);

renekreijveld on I do not see the find and refresh buttons

Thu, 11 Nov 2010 15:50:39 +0200

_Bump_

Anyone any suggestion for this? Please?

driedger on I do not see the find and refresh buttons

Fri, 05 Nov 2010 18:26:08 +0200

I too am having problems getting any of the icons to load in the nav bar.

Using Jquery 1.4.3 and jqGrid 3.8.1.

xml data source, using xmlReader to map the fields correctly.

Tried searching forums, and found some examples of how to make it work, but nothing is loading for me regardless of what I try. I have tried loading navGrid via all 3 examples in the documentation (Javescript code, new api code, and chained mode)

.navGrid('#pager_controlsTasks',{ edit: true, add: true, del: true, search: true, refresh: true },

{}//Options for Delete

{},//Options for the Add Dialog

{},//Options for the Edit Dialog

)

All Im really looking for is refresh, but cannot get any to load.

Help? Suggestions?

Thanks

renekreijveld on I do not see the find and refresh buttons

Fri, 05 Nov 2010 11:46:06 +0200

First of all, thansk for this awesome plugin, really brilliant!

Now, my question… When I look at the examples (http://www.trirand.com/blog/jq.....qgrid.html) and open the first example Loading data, XML data then I see at the bottom left a find and refresh icon.

I do not see that in my grid. I tried activating the navigator but that doesn't help.

Can anyone point me in the right direction how to add these?