Sunday, May 19, 2024
 Popular · Latest · Hot · Upcoming
151
rated 0 times [  153] [ 2]  / answers: 1 / hits: 23106  / 14 Years ago, thu, october 14, 2010, 12:00:00

Is it possible to add navigation items to the top pager in a jqGrid? And if so, what's the syntax for doing so?



I have an HTML snippet on my page that looks like this



<table id=mygrid>
</table>
<div id=mygrid_pager></div>


And then an jqGrid initialization that looks something like this



$('#mygrid').jqGrid({
..., //full config string removed for brevity,
pager:jQuery('#mygrid'),
toppager:true
});
$('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{
'add':false,
'del':false,
'edit':false,
'search':false,
'refresh':false,
'cloneToTop':true,
}).navButtonAdd('',{...}); //config navbutton string for button removed for brevity


A top pager with the id of #mygrid_toppager is automatically inserted into the page, but its custom buttons (which appear on the bottom pager) don't come along for the ride.



I see that there's a cloneToTop option included for the navGrid, but its description seems confusing, and I can only assume I'm using it wrong.




Clones all the actions from the bottom pager to the top pager
if defined. Note that the navGrid can be applied to the top
pager only. The id of the top pager is a combination of grid id and
_toppager




My understanding of the option is it will take buttons added to the bottom pager, and clone them to the top. However, the description then goes on to say the navGrid can be applied to the top pager only, which doesn't make any sense since you're cloning it. The pont being, I clearly have a deep misunderstanding of how the API is supposed to be used.



If anyone can point me in the right direction (even just to a working example somewhere) I'd appreciate it. I'd prefer to do this through official APIs, as opposed to clever DOM manipulation, as seen elsewhere on StackOverflow.


More From » ajax

 Answers
47

OK, it seems that I found a way which looks like better. The idea is to use navButtonAdd with the #list_toppager_left instead of #pager.



I modified the old answer so, that one custom button are added on the top of the navigation toolbar together with one standard button. Other elements from the top navigation toolbar will be removed. The results will looks like
alt



You can see the corresponding demo live here.


[#95331] Monday, October 11, 2010, 14 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
aileent

Total Points: 556
Total Questions: 107
Total Answers: 101

Location: Croatia
Member since Fri, Sep 11, 2020
4 Years ago
;