Skip to content

RevoGrid Documentation v4.15.8 / JSX / RevogrFocus

Interface: RevogrFocus

Focus component. Shows focus layer around the cell that is currently in focus.

Example

ts
focus-rgCol-rgRow

Properties

PropertyTypeDescriptionDefined in
colDataObservable<DSourceState<ColumnRegular, DimensionCols>>Column sourcesrc/components.d.ts:1978
colTypeDimensionColsColumn typesrc/components.d.ts:1982
dataStoreObservable<DSourceState<DataType, DimensionRows>>Data rows sourcesrc/components.d.ts:1986
dimensionColObservable<DimensionSettingsState>Dimension settings Xsrc/components.d.ts:1990
dimensionRowObservable<DimensionSettingsState>Dimension settings Ysrc/components.d.ts:1994
focusTemplate?null | FocusTemplateFuncFocus template custom function. Can be used to render custom focus layer. Default nullsrc/components.d.ts:1999
onAfterfocus?(event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => voidUsed to setup properties after focus was renderedsrc/components.d.ts:2003
onBeforefocusrender?(event: RevogrFocusCustomEvent<FocusRenderEvent>) => voidBefore focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered.src/components.d.ts:2007
onBeforescrollintoview?(event: RevogrFocusCustomEvent<{ el: HTMLElement; }>) => voidBefore focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault()src/components.d.ts:2011
rowTypeDimensionRowsRow typesrc/components.d.ts:2015
selectionStoreObservable<SelectionStoreState>Selection, range, focus for selectionsrc/components.d.ts:2019