guriddo full example bootstrap agrupar javascript jquery jqgrid

javascript - full - jqGrid resúmenes diferentes en diferentes niveles de grupo



jqgrid jquery example (1)

Quiero crear diferentes resúmenes en diferentes niveles de grupo en un jqGrid, como este:

La imagen se basa en esta demostración: http://www.guriddo.net/demo/guriddojs/grouping/multiple_columns/index.html

En el grupo de nivel superior, me gustaría que jqGrid calcule un promedio y en los grupos de nivel inferior calcularía una suma.

¿Es esto posible en jqGrid?


El principal problema que veo es que necesitas utilizar diferentes summaryType ( "sum" y "avg" ) en diferentes niveles de la grilla. No hay una forma simple de implementar esto. Creo que es posible, pero el código no será simple. El código puede depender de la versión de jqGrid, que use y del tenedor ( jqGrid libre , Guriddo jqGrid JS de alguna versión anterior <= 4.7).

Para colocar el resultado en el encabezado es fácil, solo tiene que agregar la groupSummaryPos: ["header", "header"] en groupingView . Debe establecer summaryType: "sum" o summaryType: "avg" en la columna Freight .

ACTUALIZACIÓN : Implementé una nueva función en jqGrid gratis. Ahora uno puede usar summaryType y summaryTpl definidos como matrices. La demostración tiene una columna total definida como

{ name: "total", width: 75, template: "number", summaryTpl: [ "<span style=''color: red''>Avg: {0}</span>", "<span style=''color: DarkRed''>Sum: {0}</span>" ], summaryType: ["avg", "sum"] },

Los resultados de la demostración se ven como en la imagen:

Debo señalar que los cambios no están incluidos en el jqGrid 4.10.0 gratuito, que publiqué hoy, por lo que debe usar las fuentes de GitHub para poder usar la función.