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.

Checkbox, Combobox, SlideToggle, RadioButton, DatePicker:

• onSelectedChangeBizuitForm.controls['GridName'].addEventListener('onSelectedChange', (value) => { console.log('onSelectedChange', value); }) Este método se ejecutará cada vez que se cambie el valor del control.

NOTA:

Si en la función se debe acceder a valores de controles con await, se debe declarar la funcion como async. Ejemplo:

BizuitForm.controls['GridName'].addEventListener('onRowSelected', async (value) => {

  var ctl=await BizuitForm.controls['Control1'].value;

})