2012-10-13 184 views
5

Soy nuevo en jquery y jqGrid. Estoy luchando con ello. Necesito que alguien me ayude en el JqGrid que necesito un encabezado de filtrado en el jqGrid. Lo busco cuando encontré un demo hecho por Oleg. Pero necesito una casilla de verificación cuando selecciono los valores de búsqueda de casilla de verificación tienen que ser filtrados al igual que el filtrado de Excel. Por favor, ayúdenme a alguien.Excel como el filtrado en jqgrid

Incluso me findout la implementation pero que no está funcionando a me.please ayudarme en ella, como lo necesito mal.

Gracias de antemano

Respuesta

18

que no me gustan las palabras como "Excel, como filtrando" porque todo el mundo lo interpreta de manera diferente. Entonces tengo que responder de la forma en que lo interpreto.

creo que se debe utilizar jQuery UI MultiSelect Widget escrito por Eric Hynds. Escribí algunas respuestas y demos antes de mostrar cómo usarlo.

The demo muestra cómo usar jQuery UI MultiSelect Widget junto con toolbar searching para implementar "Excel like filtering".

enter image description here

Por el camino se puede construir la lista de los valores mostrados por el widget de selección múltiple dinámica, como los valores de la interfaz de usuario jQuery Autocompletar en the answer.

Otro responde (this y this) con las demostraciones correspondientes (this y this) muestra cómo utilizar el widget para la edición.

ACTUALIZADO: The updated demo utiliza jqGrid 4.4.1, 1.8.24 interfaz de usuario jQuery y jQuery 1.8.2 y la corriente (versión 1.13.6 del 29.09.2012) versión de jQuery UI selección múltiple descargado de github.

Actualizado hace 2: The answer contiene beforeClear de devolución de llamada de filterToolbar que se requiere en caso de uso del botón "Actualizar". La respuesta contiene la demostración actualizada que usa jqGrid 4.6.0.

+1

@ user1268130 Publiqué la demostración que se actualiza a la versión actual de jqgrid: vea ** ACTUALIZADO ** parte de mi respuesta. – Oleg

+0

¿Dónde podemos ver su código fuente de demostración? – Mohammad

+0

@Mohammad: las demos de mi respuesta contienen código JavaScript completo dentro de la página HTML. Entonces solo necesita abrir la demostración en cualquier navegador web. Luego puede abrir el menú contextual haciendo clic con el botón derecho del mouse y seleccionando el elemento como "Ver fuente de la página". – Oleg