jQuery Grid Plugin - jqGrid - Topic: custom buttons not cloned to top

jckdnk111 on custom buttons not cloned to top

Thu, 16 Sep 2010 21:52:58 +0300

Thanks for your help Oleg. It isn't quite what I was looking for, but it helped me discover a way to get it done.

I'm sure this isn't the best method, but it works for me - hopefully it helps someone else:

// build column re-order button
$('#pmt-list').jqGrid('navButtonAdd', '#pmt-pager', {
    caption: 'Columns',
    title: 'Reorder Columns',
    onClickButton: remapCols
});
// clone column re-order button to top pager
$("#pmt-list_toppager_left table:first tbody:first tr:last").append(
    $('#pmt-pager_left table:first tbody:first tr:last td[title="Reorder Columns"]')
        .clone()
        .css('cursor', 'pointer')
        .click(remapCols)
        .mouseover(function(){$(this).attr('class', 'ui-pg-button ui-corner-all ui-state-hover');})
        .mouseout(function(){$(this).attr('class', 'ui-pg-button ui-corner-all');})
);

OlegK on custom buttons not cloned to top

Thu, 16 Sep 2010 19:58:30 +0300

Hello!

Look at my answer on the stwckoverflow.com. Is it not what you need? In the answer I show how to have different buttons on top and bottom toolbar.

Best regards
Oleg

jckdnk111 on custom buttons not cloned to top

Thu, 16 Sep 2010 19:40:57 +0300

I have set "toppager: true" in my base options and "cloneToTop: true" inmy "navGrid" options.

Everything works fine except my custom buttons do not get added to the top pager.

I'm using jqGrid 3.7.

Any advice would be appreciated.