Estos eventos se pueden agregar tanto en el ‘OnLoad’ (recomendado, ya que se ejecuta una sola vez) del formulario o al hacer clic en un botón por ejemplo (en este caso, evitar la duplicación de eventos).
Grid:
onRowSelectedBizuitForm.controls['GridName'].addEventListener('onRowSelected', (value) => { console.log('onRowSelected', value.selected) // donde value es un objeto con: // { selected: [] } // selected es un array con las filas seleccionadas })
Este método se ejecutará cada vez que se seleccione una fila de la tabla.
onRowEdited
BizuitForm.controls['GridName'].addEventListener('onRowEdited', (value) => {
console.log('onRowEdited', value)
// donde value es un objeto con:
// { index: N, row: {} }
// index hace referencia a la posición en la grilla
// row contiene las columnas de la tabla con sus valores actualizados
})
Este método se ejecutará cada vez que se confirme la edición de una fila de la tabla.
onRowAdded
BizuitForm.controls['GridName'].addEventListener('onRowAdded', (value) => {
console.log('onRowAdded', value)
// donde value es un objeto con:
// { row: {} }
// row contiene las columnas de la tabla con los valores asignados
})
Este método se ejecutará cada vez que se confirme el agregado de una fila de la tabla.
onRowCanceled
BizuitForm.controls['GridName'].addEventListener('onRowCanceled', (value) => {
console.log('onRowCanceled', value)
// donde value es un objeto con:
// { from: 'edit' | 'add' }
// 'edit' cuando se cancela una edición de una fila
// 'add' cuando se cancela el agregado de una fila
})
Este método se ejecutará cada vez que se cancele la edición o el agregado de una fila de la tabla.
onRowDeleted
BizuitForm.controls['GridName'].addEventListener('onRowDeleted', (value) => {
console.log('onRowDeleted', value)
// donde value es un objeto con:
// { index: N, row: {} }
// index hace referencia a la posición en la grilla
// row contiene las columnas de la tabla con sus valores
})
Este método se ejecutará cada vez que se elimine una fila de la tabla.