De acuerdo con la documentación de jqGrid, debería ser capaz de colocar el buscapersonas arriba o debajo de jqGrid moviendo el div del buscapersonas. Lamentablemente, el buscapersonas siempre aparece debajo de la cuadrícula.
La configuración jqGrid (relacionada con el localizador) se ve así:
pager: '#pager', pginput: false, pgbuttons: false,
¿Alguna sugerencia?
Debería usar toppager:true opción toppager:true jqGrid en su lugar. No necesita definir
y usar pager: '#pager' parámetro pager: '#pager' . La identificación del buscapersonas desde la parte superior de jqGrid será “list_toppager” (id del elemento de la tabla adjuntado con “_toppager”).
Si desea agregar el navegador, puede usar
$("#list").jqGrid('navGrid','#list_toppager');
Si usa define
y usa pager: '#pager' parámetro pager: '#pager' , tendrá dos buscapersonas: uno con id="list_toppager" en la parte superior de la grilla y otro con id="pager" en la parte inferior. Si quieres usar el buscapersonas superior e inferior, puedes usar
$("#list").jqGrid('navGrid','#pager',{cloneToTop:true});
y luego mover o eliminar (ver otra respuesta para más detalles y el ejemplo de demostración). También puede mover muy fácilmente los botones de una barra de herramientas a la otra usando la función jQuery.insertAfter (ver aquí ).
usa un $ append. la tabla html de arriba es así
agregue el id y use una promesa (). done (): “exportButton”
$(grid).jqGrid('navButtonAdd', self.options.pagerSelector, { id: "exportButton", caption: "Export to CSV", buttonicon: "ui-icon-newwin", onClickButton: function() { self._exportToCSV(self, grid); }, position: "last", title: "Export to CSV", cursor: "pointer" }) .promise().done(function() { //reposition export button $("#export").append($("#exportButton")); $("#exportButton").addClass("pull-right").show(); });