RevoGrid Documentation v4.26.1 / JSX / RevogrFocus

Interface: RevogrFocus

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

Example

focus-rgCol-rgRow

Properties

Property	Type	Description	Defined in
colData	Observable<DSourceState<ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, DimensionCols>>	Column source	src/components.d.ts:2042
colType	DimensionCols	Column type	src/components.d.ts:2046
dataStore	Observable<DSourceState<DataType, DimensionRows>>	Data rows source	src/components.d.ts:2050
dimensionCol	Observable<DimensionSettingsState>	Dimension settings X	src/components.d.ts:2054
dimensionRow	Observable<DimensionSettingsState>	Dimension settings Y	src/components.d.ts:2058
focusTemplate?	null | FocusTemplateFunc	Focus template custom function. Can be used to render custom focus layer. Default null	src/components.d.ts:2063
onAfterfocus?	(event: RevogrFocusCustomEvent<FocusAfterRenderEvent<DataType<any, ColumnProp>>>) => void	Used to setup properties after focus was rendered	src/components.d.ts:2067
onBeforefocusrender?	(event: RevogrFocusCustomEvent<FocusRenderEvent>) => void	Before focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered.	src/components.d.ts:2071
onBeforescrollintoview?	(event: RevogrFocusCustomEvent<{ el: HTMLElement; }>) => void	Before focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault()	src/components.d.ts:2075
rowType	DimensionRows	Row type	src/components.d.ts:2079
selectionStore	Observable<SelectionStoreState>	Selection, range, focus for selection	src/components.d.ts:2083