jQuery Grid Plugin - jqGrid - Topic: How to add Custom Button to toppager_right? or toppager_center?

psdev on How to add Custom Button to toppager_right? or toppager_center?

Thu, 22 Sep 2011 07:58:59 +0300

Thanks for explaining that and the workaround. 🙂

shmeeps on How to add Custom Button to toppager_right? or toppager_center?

Wed, 21 Sep 2011 18:23:04 +0300

Basically, the reason you can't is because the right half of the pager doesn't contain the table used to order the buttons, so it has no suitable place to anchor the buttons. It's a bad work around, but adding the line

$("#jqgrid_toppager_right").html('<table cellspacing="0" cellpadding="0" border="0" style="float: right; table-layout: auto;" class="ui-pg-table navtable"><tbody><tr><td style="width: 4px;" class="ui-pg-button ui-state-disabled"><span class="ui-separator"></span></td></tr></tbody></table>');

will let you add buttons to theright half of the top pager. This creates the basic table inside of the right half, which will allow you to add buttons to it.

psdev on How to add Custom Button to toppager_right? or toppager_center?

Mon, 29 Aug 2011 04:05:51 +0300

I'm having trouble getting navButtonAdd to allow me to add a Custom Button to a cloned toppager to the rightmost div. It seems to work fine for toppager_left, but not for toppager_center or toppager_right. Can anyone provide any hints or links to how to add a custom button to the center or right div?

This is the code I use for adding the button to the pager:

jQuery("#myTable").jqGrid('navButtonAdd',
               '#myTable_toppager_left',
               {
                   caption : "Add New Item… ", buttonicon : 'ui-icon-plus', id : "btnAddNewItem",
                   onClickButton : function()
                   {
                       addNewItemRow();
                   }
               });

Thanks!