RevoGrid Documentation v4.31.3 / 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:2058
colType	DimensionCols	Column type	src/components.d.ts:2062
dataStore	Observable<DSourceState<DataType, DimensionRows>>	Data rows source	src/components.d.ts:2066
dimensionCol	Observable<DimensionSettingsState>	Dimension settings X	src/components.d.ts:2070
dimensionRow	Observable<DimensionSettingsState>	Dimension settings Y	src/components.d.ts:2074
focusTemplate?	null | FocusTemplateFunc	Focus template custom function. Can be used to render custom focus layer. Default null	src/components.d.ts:2079
onAfterfocus?	(event: RevogrFocusCustomEvent<FocusAfterRenderEvent<DataType<any, ColumnProp>>>) => void	Used to setup properties after focus was rendered	src/components.d.ts:2083
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:2087
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:2091
rowType	DimensionRows	Row type	src/components.d.ts:2095
selectionStore	Observable<SelectionStoreState>	Selection, range, focus for selection	src/components.d.ts:2099