Forum
Log In
Home
Topic RSS
15:01
10/11/2008
Offline
is it possible to have navGrid both in footer and header with proper functionality?
Greetings
18:26
10/11/2008
Offline
I figure it out possible but there is a problem with position of bar. Created second <div> pager is on the very top of table over title. The goal is to put it under title bar and over data.
<div id=”pager2″ class=”scroll” style=”text-align:center;”></div>
<table id=”list2″ class=”scroll” cellpadding=”0″ cellspacing=”0″ ></table>
<div id=”pager” class=”scroll” style=”text-align:center;”></div>
10:12
Moderators
30/10/2007
Offline
Hello,
You can use the toolbar option and define your custom buttons. Check the example page.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
17:55
20/03/2009
Offline
After you create your grid:
$(".GridHeader").append($("#pager2"));
08:19
29/01/2009
Offline
I would like to do this.
Can someone please post the full grid code. I don't know how to handle the pager definition in the grid. I've tried:
pager: $('#pagerTop'), //Top nav row
pager: $('#pager'), //Bottom nav row
But only the bottom row shows up.
Thanks, Jim
14:26
10/11/2008
Offline
Navgrid Ex:
$("#"+grid_table_id).navGrid('#pager2,#pager',{refresh:true,edit:false,add:false,del:false,search:false})
$("#grid_table").jqGrid({
....
pager: ('#pager2,#pager'),
...
});
09:13
29/01/2009
Offline
Thanks Majkel, that works great.
Tony, is it possible to disable the nav controls in the second pager? I only want the custom buttons I added to show in pager2.
Are there any other possible parameters for navgrid? The documentation mentions: {refresh, edit, add, del, search, position, reloadAfterSubmit}
Notice my gird image below: pager2 is the top navgrid. I want to remove the nav control and leave the pdf and excel custom buttons.
Thanks, Jim
14:29
29/01/2009
Offline
Solution to hide the navigation in the 2nd pager div:
$("#pager2 .pgbuttons").css("visibility","hidden");
$("#pager2 .selbox").css("visibility","hidden");
$("#pager2 #sp_1").css("visibility","hidden");
$("#pager2 #sp_2").css("visibility","hidden");
I know that this code coudl be condensed to fewer lines, but I'm just starting out learning jquery. Any help in that regard would be appreciated.
Jim
Most Users Ever Online: 715
Currently Online:
54 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
