Добавление пользовательской навигации jqGrid к верхней панели инструментов

Question

Можно ли добавить элементы навигации в «верхний пейджер» в jqGrid? И если да, то в чем синтаксис для этого?

У меня есть HTML-фрагмент на моей странице, которая выглядит, как этот

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

а затем инициализации jqGrid, что выглядит, как этот «верхний пейджера»

$('#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 

А с идентификатором # mygrid_toppager автоматически вставляется в страницу, но его пользовательские кнопки (которые появляются на нижнем пейджере) не подходят для поездки.

I see that there's a "cloneToTop" option включен для navGrid, но его описание кажется запутанным, и я могу только предположить, что я использую его неправильно.

Клонирование всех действий от нижнего пейджера до верхнего пейджера , если определено. Обратите внимание, что navGrid можно применить только к пейджеру . Идентификатор верхнего пейджера представляет собой сочетание сетки Ид и «_toppager»

Моего понимания опции потребуются кнопки добавлены к нижнему пейджеру, и клонировать их к вершине. Однако в описании далее говорится: «navGrid можно применять только к верхнему пейджеру, что не имеет никакого смысла, так как вы клонируете его. Понятие pont, у меня явно есть глубокое непонимание того, как API Предположим, что он будет использоваться.

Если кто-то может указать мне в правильном направлении (даже на какой-нибудь рабочий пример), я был бы признателен. Я бы предпочел сделать это через официальные API, а не to clever DOM manipulation, как видно в другом месте на StackOverflow.

Answer 1

ОК, кажется, что я нашел способ, который выглядит лучше. идея заключается в том, чтобы использовать navButtonAdd с "#list_toppager_left" вместо "#pager".

Я изменил old answer так, чтобы одна пользовательская кнопка была добавлена ​​в верхней части панели навигации вместе с одной стандартной кнопкой. Другие элементы с верхней панели навигации будут удалены. Результаты будут выглядеть так:

Вы можете увидеть соответствующую демоверсию here.