Estoy usando dos jqgrids en una página. segunda cuadrícula utilicé loadonce: true ya que necesito ordenar columnas en la segunda cuadrícula. Necesito recargar ambas cuadrículas después de una publicación del servidor. (necesita mostrar el valor actualizado en la segunda cuadrícula). la primera recarga de cuadrícula está bien ya que no usará el atributo loadonce . mi pregunta es ¿podemos usar el atributo loadonce y reloadGrid juntos? (configurando el atributo de loadonce dinámicamente en la cuadrícula) o, de lo contrario, ¿tengo que optar por una clasificación del lado del servidor en este caso? por favor aconséjame. Gracias por adelantado.
Si usa loadonce:true jqGrid, cambie los parámetros de tipo de datatype a 'local' después de la primera carga de datos de la cuadrícula. Toda la próxima recarga de cuadrícula (clasificación, paginación, filtrado) funciona localmente. Si desea actualizar los datos de la cuadrícula del servidor una vez más, debe establecer el tipo de datatype en su valor original ('json' o 'xml'). Por ejemplo:
$("#list").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); ACTUALIZADO: jqGrid gratuito admite fromServer: true de reloadGrid a partir de la primera versión (a partir de la versión 4.8). Entonces uno puede usar el código como
$("#list").trigger("reloadGrid", { fromServer: true, page: 1 }); para hacer lo mismo que arriba. La principal ventaja: dicho código funciona bien con cualquier valor inicial de tipo de datatype ( "json" , "jsonp" , "xml" , etc.). Free jqGrid guarda el valor original del tipo de datatype dentro de dataTypeOrg interno antes de cambiarlo a "local" .
Una opción más útil de jqGrid gratuito es el parámetro reloadGridOptions de navGrid , que permite especificar las opciones predeterminadas de reloadGrid . Así se puede usar por ejemplo
loadonce: true, navOptions: { reloadGridOptions: { fromServer: true } } opciones de jqGrid, que establecen valores predeterminados para navGrid adicionalmente. Como resultado, al hacer clic en el botón "Recargar" de la barra del navegador, se recargará la cuadrícula desde el servidor en lugar de la recarga local.
$("#shoppingCatalog").jqGrid('GridUnload');Eliminará la estructura y luego su código puede reconstruir la cuadrícula con los datos de la próxima devolución de llamada del servidor.
Solo para decir, para mí, la siguiente línea no fue suficiente para actualizar los datos en mi loadonce:true jqGrid:
$("#MikesGrid").jqGrid('setGridParam', { datatype: 'json' }).trigger('reloadGrid'); Después de llamar a esa línea, traté de llamar a mi código que cargó mis datos JSON y jqGrid con ellos, pero no actualizó las filas en mi cuadrícula.
Mi solución fue descargar a la fuerza el jqGrid y luego llamar a mi función para recrearlo.
$("#MikesGrid").jqGrid('GridUnload');Tal vez solo tuve mala suerte.
Por cierto, cuando tenga la oportunidad, documentaré cómo escribí una función genérica de JavaScript para agregar dos botones a cualquier jqGrid, uno para actualizar los datos (de carga) y un segundo botón para exportar los datos de jqGrid a un archivo real de Excel. , usando mi biblioteca:
Exportar jqGrid a un archivo de Excel
¡Me gusta el código reutilizable!