Adding Jqgrid navButtonAdd icon to the top(cloned) navigator

Question

I am using navButtonAdd to have a column chooser in my jqgrid but it adds the button to the bottom navigation bar. Is it possible to add the same icon to the top of my cloned navigation bar. Here is my code...

jQuery("#grid").jqGrid({
         ......
         toppager: true,
         ....
    );  

jQuery("#grid").jqGrid('navGrid','#pager',
    {cloneToTop: true, edit:false, add:false, del:false, search:false},
        { }, { }, { }, { } );

jQuery("#grid").jqGrid('navButtonAdd', '#pager', {
    caption : "",
    buttonicon : "ui-icon-calculator",
    title : "Choose Columns",
    onClickButton : function() {
        jQuery("#grid").jqGrid('columnChooser');
    }
});

score 2 · Accepted Answer · edited May 23 '17 at 10:34

2

If the toppager will be created it will have the id constructed from the grid id and "_toppager", so it will be "grid_toppager" in your case. So you should use

jQuery("#grid").jqGrid('navButtonAdd', '#grid_toppager', {...});

See here and here for more details and for demos.

edited May 23 '17 at 10:34

Community

1
1

answered Dec 09 '11 at 18:52

Oleg

220,925
34
403
798

Thanks Oleg. I was able to fix it using same approach. var msgGrid = jQuery("#messagesGrid"); msgGrid.jqGrid('navButtonAdd', '#' + msgGrid[0].id + '_toppager_left', { }); – varaprakash Dec 09 '11 at 19:56
@varaprakash: You are welcome! It's what I mean. By the way, if the `id` of the grid could have some special characters (which is not recommended) you should use `'#' + $.jgrid.jqID(msgGrid[0].id) + '_toppager_left'` instead (see about escaping or meta-characters [here](http://api.jquery.com/category/selectors/)). – Oleg Dec 09 '11 at 20:05

score 0 · Answer 2 · edited Feb 28 '13 at 23:47

0

For basic functionality, setting the toppager: true and cloneToTop: true would suffice as below.

$("#list").jqGrid({
    pager: '#pager',toppager: true  
});

$("#list").jqGrid('navGrid',"#pager",{
    cloneToTop:true
});

edited Feb 28 '13 at 23:47

dreamcrash

47,137
25
94
117

answered Feb 28 '13 at 23:29

Simeon Abolarinwa

1,632
2
11
13

Adding Jqgrid navButtonAdd icon to the top(cloned) navigator

2 Answers2

Linked