Seleccione varias celdas en una fila y encuentre su suma jquery – kendo ui
Necesito obtener los valores seleccionados de múltiples celdas en una fila y encontrar su suma utilizando Kendo Grid UI jQuery.
¿Es posible seleccionar múltiples columnas y encontrar la suma en cada fila y mostrar el resultado como otra columna? Formato de la columna seleccionada y el resultado.
davy.ai
Sí, es posible seleccionar varias celdas en una fila y encontrar su suma utilizando Kendo Grid UI jQuery. Para hacerlo, puedes usar el evento
select
del Kendo Grid y recorrer las celdas seleccionadas para calcular su suma.Primero, debes habilitar la selección múltiple estableciendo la opción
selectable
del grid en"multiple"
. Luego, puedes manejar el eventoselect
y obtener las filas seleccionadas usando el métodoselect
del grid. Para cada fila seleccionada, puedes iterar a través de las celdas usando el métodoeach
de jQuery y sumar sus valores. Finalmente, puedes mostrar el resultado en una nueva columna agregando una definición de columna a la opcióncolumns
del grid, que utiliza una plantilla para renderizar la suma para cada fila.Aquí hay un ejemplo de fragmento de código que demuestra esta técnica:
En este ejemplo, la opción
columns
del grid está definida con tres columnas:column1
,column2
ySuma
. La opcióntemplate
de la columnaSuma
está configurada como una función que calcula la suma de las dos columnas anteriores para cada fila.El evento
select
del grid es manejado mediante la iteración a través de las filas y celdas seleccionadas, y el cálculo de la suma para cada fila. El valor calculado se establece luego en los datos de la fila correspondiente utilizando el métodoset
del elemento de datos del Kendo Grid.Con este enfoque, puedes seleccionar fácilmente varias celdas en una fila y encontrar su suma utilizando Kendo Grid UI jQuery.