Skip to content

RevoGrid Documentation v4.15.7 / 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:1871
colTypeDimensionColsColumn typesrc/components.d.ts:1875
dataStoreObservable<DSourceState<DataType, DimensionRows>>Data rows sourcesrc/components.d.ts:1879
dimensionColObservable<DimensionSettingsState>Dimension settings Xsrc/components.d.ts:1883
dimensionRowObservable<DimensionSettingsState>Dimension settings Ysrc/components.d.ts:1887
focusTemplate?null | FocusTemplateFuncFocus template custom function. Can be used to render custom focus layer.src/components.d.ts:1891
onAfterfocus?(event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => voidUsed to setup properties after focus was renderedsrc/components.d.ts:1895
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:1899
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:1903
rowTypeDimensionRowsRow typesrc/components.d.ts:1907
selectionStoreObservable<SelectionStoreState>Selection, range, focus for selectionsrc/components.d.ts:1911