RevoGrid Documentation v4.20.5 / JSX / RevogrFocus
Interface: RevogrFocus
Focus component. Shows focus layer around the cell that is currently in focus.
Example
ts
focus-rgCol-rgRowProperties
| Property | Type | Description | Defined in |
|---|---|---|---|
colData | Observable<DSourceState<ColumnRegular, DimensionCols>> | Column source | src/components.d.ts:1980 |
colType | DimensionCols | Column type | src/components.d.ts:1984 |
dataStore | Observable<DSourceState<DataType, DimensionRows>> | Data rows source | src/components.d.ts:1988 |
dimensionCol | Observable<DimensionSettingsState> | Dimension settings X | src/components.d.ts:1992 |
dimensionRow | Observable<DimensionSettingsState> | Dimension settings Y | src/components.d.ts:1996 |
focusTemplate? | null | FocusTemplateFunc | Focus template custom function. Can be used to render custom focus layer. Default null | src/components.d.ts:2001 |
onAfterfocus? | (event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => void | Used to setup properties after focus was rendered | src/components.d.ts:2005 |
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:2009 |
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:2013 |
rowType | DimensionRows | Row type | src/components.d.ts:2017 |
selectionStore | Observable<SelectionStoreState> | Selection, range, focus for selection | src/components.d.ts:2021 |