(see below for full list of events)
All the events are published with a data payload in a CustomEvent, so you will typically find the payload under the detail property of the CustomEvent. However please note that the events from SlickGrid and SlickDataView, shown at the bottom of the list, are published with a different structure which is also including the JS event that it was triggered with under the property eventData and the payload itself is under the args property (which follows original SlickGrid structure). To subscribe to all events, you can use your PubSub instance (if available) or add listeners on your grid container DOM element.
// 1. with PubSub instance
this.angularGrid.instances?.eventPubSubService?.subscribe('onCellChange', (payload) => console.log('PubSub, cell changed data:', payload));
// 2. with CustomEvent in the View (see html code below)
handleOnCellChange(e) {
// `eventData` is the event it was triggered from and `args` is the data payload
const { eventData, args } = e.detail;
const dataContext = args?.item;
console.log('cell changed data:', args);
}<!-- 2. with CustomEvent in the View -->
<angular-slickgrid
gridId="grid2"
[columns]="columns"
[options]="gridOptions"
[dataset]="dataset"
(onCellChange)="handleOnCellChange($event.detail)">
</angular-slickgrid>// 1. with PubSub instance
this.angularGrid.instances?.eventPubSubService?.subscribe('onHeaderMenuCommand', (payload) => console.log('PubSub, header menu command', payload));
// 2. with CustomEvent in the View (see html code below)
handleOnHeaderMenuCommand(e) {
// detail is the args data payload
const args = e.detail;
console.log('header menu command', args);
}<!-- 2. with CustomEvent in the View -->
<angular-slickgrid
gridId="grid2"
[columns]="columns"
[options]="gridOptions"
[dataset]="dataset"
(onHeaderMenuCommand)="handleOnHeaderMenuCommand($event.detail)">
</angular-slickgrid>onCopyCellsonCopyCancelledonPasteCellsonBeforePasteCell
onContextMenuClearGroupingonContextMenuCollapseAllGroupsonContextMenuExpandAllGroups- Slick Events
onAfterMenuShowonBeforeMenuShowonBeforeMenuCloseonCommandonOptionSelected
onColumnPickerColumnsChanged- Slick Events
onColumnsChanged
onGridMenuMenuCloseonGridMenuBeforeMenuShowonGridMenuAfterMenuShowonGridMenuClearAllPinningonGridMenuClearAllFiltersonGridMenuClearAllSortingonGridMenuColumnsChangedonGridMenuCommand- Slick Events
onAfterMenuShowonBeforeMenuShowonBeforeMenuCloseonColumnsChangedonMenuCloseonCommand
onHeaderButtonCommand
onHeaderMenuCommandonHeaderMenuColumnResizeByContentonHeaderMenuBeforeMenuShowonHeaderMenuAfterMenuShow
onAfterExportToExcelonBeforeExportToExcelonBeforeExportToTextFileonAfterExportToTextFile
onBeforeFilterClearonBeforeSearchChangeonFilterCleared
onHideColumnsonItemsAddedonItemsDeletedonItemsUpdatedonItemsUpserted
onFullResizeByContentRequestedonGridStateChanged
onBeforePaginationChangeonPaginationChangedonPaginationRefreshedonPaginationPresetsInitializedonPaginationVisibilityChangedonPaginationSetCursorBased(for GraphQL only)
onGridBeforeResizeonGridAfterResizeonBeforeResizeByContentonAfterResizeByContent
onSortClearedonSortChangedonBeforeSortChange
onTreeFullToggleStartonTreeFullToggleEndonTreeItemToggled
onBeforeGridDestroyonBeforeGridCreateonDataviewCreatedonGridCreatedonAngularGridCreatedonGridStateChanged
onActiveCellChangedonActiveCellPositionChangedonAddNewRowonAfterSetColumnsonAutosizeColumnsonBeforeAppendCellonBeforeCellEditorDestroyonBeforeColumnsResizeonBeforeDestroyonBeforeEditCellonBeforeFooterRowCellDestroyonBeforeHeaderCellDestroyonBeforeHeaderRowCellDestroyonBeforeRemoveCachedRowonBeforeSetColumnsonBeforeSortonBeforeUpdateColumnsonCellChangeonCellCssStylesChangedonClickonColumnsReorderedonColumnsDragonColumnsResizedonColumnsResizeDblClickonCompositeEditorChangeonContextMenuonDblClickonDragonDragInitonDragStartonDragEndonFooterClickonFooterContextMenuonFooterRowCellRenderedonHeaderCellRenderedonHeaderClickonHeaderContextMenuonHeaderMouseEnteronHeaderMouseLeaveonHeaderMouseOveronHeaderMouseOutonHeaderRowCellRenderedonHeaderRowMouseEnteronHeaderRowMouseLeaveonHeaderRowMouseOveronHeaderRowMouseOutonKeyDownonMouseEnteronMouseLeaveonPreHeaderClickonPreHeaderContextMenuonRenderedonScrollonSelectedRowsChangedonSetOptionsonActivateChangedOptionsonSortonValidationErroronViewportChanged
onBeforePagingInfoChangedonGroupExpandedonGroupCollapsedonPagingInfoChangedonRowCountChangedonRowsChangedonRowsOrCountChangedonSelectedRowIdsChangedonSetItemsCalled