javascript - example - jqgrid php

jqGrid-¿Cómo eliminar la selección de página en el paginador pero mantener los botones?

Question

Quiero eliminar los botones de paginación en la cuadrícula, pero quiero mantener los botones agregar, editar, actualizar, etc. en la parte inferior izquierda. No quiero el localizador allí porque mostraré todos los registros en esta implementación de cuadrícula en particular.

Quiero mantener lo que está en VERDE pero eliminar lo que está en ROJO:

texto alt http://i38.tinypic.com/34jahd4.jpg

Actualmente, mi solución es vaciar el centro de navegación de la red.

$(''#pager_center'').empty();

Pero esto significa que el buscapersonas se procesa en la página y luego se vacía, me pregunto si puedo evitar que se renderice en primer lugar.

Answer 1

Al usar esto se eliminará el área de registros de paginación / vista con botones y todo.

jQuery("#WebsitesGrid").jqGrid({          
            ...
            pginput: false,
            pgbuttons: false,
            viewrecords: false,
            ....

Answer 2

O si desea tener más espacio en el pie de página de su jqGrid, simplemente puede ocultar la parte deseada de la navegación.

gridComplete: function()
{           
   $( ''#'' + gridId + ''Pager_center'' ).hide();
   $( ''#'' + gridId + ''Pager_left'' ).hide();
},

donde gridId es id de su jqGrid.

Answer 3

Podrías aplicar un estilo CSS para ocultarlo ...?

#pager1_center {
    visibility: hidden;
}

También hay opciones como pgbuttons y recordtext que las configuraciones en el init pueden hacer que esa parte no genere ningún HTML.

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''''});

Answer 4

Puedes usar mi siguiente opción JqGrid para deshabilitar la zona ROJA de JqGrid. Debería ser la mejor manera de resolver esta pregunta porque no es necesario hackear la representación de JqGrid a través de la hoja de estilo CSS, ya que puede ser un problema si JqGrid cambia el patrón para generar el paginador o si cambia la identificación del localizador.

$(''#grid'').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like ''Page 0 of 10''
    viewrecords: false    // disable current view record text like ''View 1-10 of 100'' 
});

Answer 5

Si está buscando una solución para evitar el Buscapersonas en jqGrid, simplemente agregue el siguiente código en la devolución de llamada con carga completa o como una declaración después de su llamada jqgrid, con o sin la solución de @ Soul_Master,

$("#divPager").css({ "height": "0px", "border": "0px" });

Funcionó para mí.

Answer 6

incluso puede establecer la propiedad de alineación de los detalles del localizador, como ninguno de los registros desplegables, el texto del localizador, el texto del registro. para lograr esta necesidad de cambiar pagerpos y recordpos a derecha o izquierda o centro, según sea necesario. Los detalles se deben actualizar en jquery.jqGrid.min.js o simplemente busque estas palabras clave en sus archivos js y haga la actualización.

Answer 7

$(''#grid'').jqGrid({pgbuttons:false, recordtext:'''', pgtext:'''')}