2009-10-08 23 views
25

Quiero eliminar los botones de búsqueda en la cuadrícula, pero quiero mantener los botones para agregar, editar, actualizar, etc. en la parte inferior izquierda. No quiero el buscapersonas allí porque mostraré todos los registros en esta implementación de cuadrícula particular.jqGrid - ¿Cómo eliminar la selección de página en el busca pero mantener los botones?

quiero seguir lo que está en verde, pero eliminar lo que está en rojo:

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

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

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

Pero esto significa que el buscapersonas presta a la página, y luego se vacía, me pregunto si puedo evitar que se represente desde el principio.

+0

votado a favor de la claridad "Quiero mantener el VERDE y eliminar el ROJO" – biso

Respuesta

56

Puede utilizar mi siguiente opción JqGrid para deshabilitar la zona ROJA desde JqGrid. Debería ser la mejor manera de resolver esta cuestión, ya que no es necesario hackear la representación de JqGrid a través de la hoja de estilos CSS que se generará si JqGrid cambia el patrón para generar el buscapersonas o si cambia la identificación del buscapersonas.

$('#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' 
}); 
+0

Usando esto, todavía veo el "Página de" No más, no menos. Todo lo demás se elimina correctamente. –

+0

rowList: false hará que el menú desplegable desaparezca por completo – Charles

+0

rowList se supone que es una lista de valores en el menú desplegable.Para evitar una coerción de tipo confusa, use rowList: [] – JakeRobb

8

¿Podría aplicar un estilo CSS para ocultarlo ...?

#pager1_center { 
    visibility: hidden; 
} 

También hay opciones como pgbuttons y recordtext que los ajustes en el init podrían causar que parte de no prestar ningún tipo de HTML.

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

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

0

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

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

donde gridId es id de su jqGrid.

+0

Eso solo funciona si el ID de su busca es gridId plus "Buscapersonas". Debería usar esto en su lugar: $ (gridElement.getGridParam ('pager') + "_center"). Hide(); – JakeRobb

-1

incluso puede establecer alinear la propiedad de los detalles del buscapersonas como la lista desplegable de registros, el texto del buscapersonas, el texto del registro. para lograr esta necesidad de cambiar pagerpos y recordpos a la derecha o a la izquierda o al centro como lo requerimos. Los detalles deben actualizarse en jquery.jqGrid.min.js o simplemente busque estas palabras clave en sus archivos js y realice la actualización.

4

Al usar esto se eliminará el área de búsqueda/visualización de registros con botones y todo.

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

Si usted está buscando una solución para evitar Pager en jqGrid continuación, sólo tiene que añadir siguiente código de devolución de llamada LoadComplete o como una declaración después de su llamada jqGrid, con o sin solución de @ Soul_Master,

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

funcionó para mí.

Cuestiones relacionadas