2010-09-17 6 views

Respuesta

7

Puede establecer height y width en 100%, y luego aparecen las barras de desplazamiento ’ t. Solo aparecen si la cuadrícula es más grande que el espacio asignado. Para eliminar el espacio adicional para las barras, ajuste scrollOffset a 0.

Esto es un ejemplo de definición de rejilla (versión corregida a continuación):

$("#myGrid").jqGrid({ 
     url: 'datasourceurl', 
     datatype: "json", 
     colNames: eval(json.colNames), 
     colModel: eval(json.colModel), 
     rowNum: -1, 
     width: 100%, 
     height: 100%, 
     scrollOffset: 0, 
     rowList: [10, 20, 30], 
     pager: jQuery('#myPager'), 
     ... 
    }, 

I refugio ’ t probado esto, pero yo uso height: 100% para el mismo propósito ... así que avíseme si ve algo perdido.

EDIT: Una mejor definición, y la mejora en mi uso de JSON - gracias :) Oleg

$("#myGrid").jqGrid({ 
     url: 'datasourceurl', 
     datatype: "json", 
     colNames: JSON.parse(json.colNames), 
     colModel: JSON.parse(json.colModel), 
     width: '100%', 
     height: '100%', 
     rowList: [10, 20, 30], 
     pager: jQuery('#myPager'), 
     ... 
    }, 
+4

En general, la sugerencia de utilizar un ancho y una altura del 100% es absolutamente correcta. Los valores deben citarse ('100%' o "100%"). 'eval' es malo. Si lo necesita en algún lugar, debería usar 'JSON.parse'. Es mucho más rápido en todos los navegadores actuales (ver http://www.json.org/js.html) y seguro de causa. El uso de 'rowNum: -1' también es peligroso. Depende del servidor que uses. Mucho ahorro para usar un valor de los valores 'rowList' o un entero grande como 10000. El uso de' scrollOffset: 0' tampoco me parece necesario. Lo siento por tanta crítica, pero tengo que escribir esto. – Oleg

+0

¡Gracias por los comentarios! –

+0

gracias por publicar esta corrección Oleg, me ayudó a corregir el mismo problema. –

2

Parece que esto se puede hacer con scrollOffset:0. Vio este consejo here

+1

Disculpe Marcus, pero no entiendo cómo la configuración de 'scrollOffset: 0' puede ayudar si no tiene barras de desplazamiento ** sin la configuración ** también. Intenta jugar con una página de prueba http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm que no tiene 'scrollOffset: 0'. Solo utiliza 'width: '100%'' y 'height: '100%''. ¿Podría encontrar un ejemplo donde verá barras de desplazamiento? – Oleg

+0

Si no tengo barras de desplazamiento, todavía hay un espacio a la derecha de la cuadrícula donde iría la barra de desplazamiento si hubiera datos adicionales. Configurar scrollOffset parece eliminar este espacio adicional. –

+0

@Markus: Lo siento Markus, pero solo puedo repetir que, en mi opinión, el valor del parámetro 'scrollOffset' es absolutamente irrelevante, al menos junto con las configuraciones' width: '100%' 'y' height: '100%' 'que apaga el desplazamiento en el jqGrid. Simplemente compare http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing7.htm con 'scrollOffset: 500' con http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm con valor predeterminado de 'scrollOffset'. ¿Puedes ver alguna diferencia? No puedo – Oleg

Cuestiones relacionadas