2010-11-11 40 views
10

Cada fila jQgrid tiene varias casillas de verificación, por lo que no puedo usar (solo) el multiselección.Cómo puedo agregar una casilla de verificación en un encabezado jQgrid

Así es como la columna es de configuración ...

nombre {: 'ColName', la etiqueta: '', ancho: 50, editable: true, se puede ordenar: falso, EditType: "casilla de verificación" , formateador: 'casilla', formatoptions: {discapacitados: false}, índice: "my_checkbox", editoptions: {valor: "Sí": "No"}}

al hacer clic en la casilla de verificación en el encabezado, el encabezado se vuelve a dibujar sin el control. Puedo capturar el evento, pero no puedo mostrar el cheque al usuario.

Así que mi pregunta sería, ¿cómo puedo obtener una casilla de verificación para operar normalmente dentro de una etiqueta de encabezado O cómo puedo implementar múltiples multiselectos?

+1

El formateador: 'casilla de verificación se introducen para mostrar valor booleano en las celdas de la columna (no en el encabezado de la columna) como una casilla de verificación. ¿Cómo desea usar la casilla de verificación en el encabezado de la columna? – Oleg

Respuesta

16

Pude solucionar mi problema al evitar que los eventos jQgrid se activen después del evento checkbox.

he cambiado de casilla para ...

<input type="checkbox" onclick="checkBox(event)" /> 

y ha añadido el siguiente método ...

function checkBox(e) { 
    e = e||event;/* get IE event (not passed) */ 
    e.stopPropagation? e.stopPropagation() : e.cancelBubble = true; 
} 
+1

Por cierto, puede aceptar su propia respuesta, por lo que otros saben que existe una solución si tienen un problema similar. – adamjford

+0

ha, gracioso. De hecho, no lo sabía. lo he aceptado ahora – joelnet

Cuestiones relacionadas