Grid Events - GerHobbelt/SlickGrid GitHub Wiki

SlickGrid exposes the following events:

  • onScroll

  • onSort

  • onHeaderMouseEnter

  • onHeaderMouseLeave

  • onHeaderContextMenu

  • onHeaderClick

  • onHeaderCellRendered

  • onBeforeHeaderCellDestroy

  • onHeaderRowCellRendered

  • onBeforeHeaderRowCellDestroy

  • onFocusOut

  • onFocusSet

  • onMouseEnter

  • onMouseLeave

  • onClick

  • onDblClick

  • onContextMenu

  • onKeyDown

  • onAddNewRow

  • onValidationError

  • onCanvasWidthChanged

  • onViewportChanged

  • onColumnsStartReorder

  • onColumnsReordering

  • onColumnsReordered

  • onColumnsStartResize

  • onColumnsResizing

  • onColumnsResized

  • onCellChange

  • onBeforeEditCell

  • onBeforeCellEditorDestroy

  • onBeforeDestroy

  • onActiveCellChanged

  • onActiveCellPositionChanged

  • onHeaderDragInit

  • onHeaderDragStart

  • onHeaderDrag

  • onHeaderDragEnd

  • onDragInit

  • onDragStart

  • onDrag

  • onDragEnd

  • onSelectedRowsChanged -- obsoleted

  • onSelectedRangesChanged

    {
      rows: selectedRows,
      ranges: ranges,
      hash: hash,             // `ranges` filtered through `canCellBeSelected()`, ready for `setCellCssStyles()` et al 
      grid: self
    }
    
  • onCellCssStylesChanged

  • onRowsRendered

You can subscribe to the above events using a syntax similar to:

gridInstance.onXYZEvent.subscribe(function (e,args) {
    //event handling code.
});

Event handlers can also be removed with

gridInstance.onXYZEvent.unsubscribe(fn);