Adición de la navegación personalizada de jqGrid a la barra de herramientas superior

Question

¿Es posible agregar elementos de navegación al "buscapersonas superior" en un jqGrid? Y si es así, ¿cuál es la sintaxis para hacerlo?

que tienen un fragmento de HTML en mi página que tiene este aspecto

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

Y luego una inicialización jqGrid que se ve algo como esto

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

un "top localizador" con el id de # mygrid_toppager se inserta automáticamente en la página, pero sus botones personalizados (que aparecen en el buscador de la parte inferior) no aparecen durante el viaje.

I see that there's a "cloneToTop" option incluido para el navGrid, pero su descripción parece confusa, y solo puedo asumir que la estoy usando mal.

Clona todas las acciones desde el buscapersonas inferior hasta el buscapersonas superior si está definido. Tenga en cuenta que el navGrid solo se puede aplicar al buscapersonas . La identificación del buscapersonas superior es una combinación de ID de red y "_toppager"

Mi comprensión de la opción es que tomará botones añadidos a la parte inferior del localizador, y clonar a la parte superior. Sin embargo, la descripción continúa diciendo "el navegadorGrid se puede aplicar solo al buscapersonas superior, lo cual no tiene ningún sentido ya que lo está clonando. Al serlo, claramente tengo un profundo malentendido sobre cómo es el API. se supone que debe ser usado.

Si alguien puede indicarme la dirección correcta (incluso para un ejemplo de trabajo en alguna parte), lo agradecería. Preferiría hacerlo a través de las API oficiales, a diferencia de to clever DOM manipulation, como se ve en otros lugares en StackOverflow.

Answer 1

OK, parece que he encontrado una manera que se parece mejor. la idea es utilizar navButtonAdd con el "#list_toppager_left" en lugar de "#pager".

Modifiqué el old answer, por lo tanto, ese botón personalizado se agrega en la parte superior de la barra de herramientas de navegación junto con un botón estándar. Se eliminarán otros elementos de la barra de herramientas de navegación superior. Los resultados se verán como

Puede ver la demostración correspondiente en vivo here.