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-rgRowProperties
| Property | Type | Description | Defined in |
|---|---|---|---|
colData | Observable<DSourceState<ColumnRegular, DimensionCols>> | Column source | src/components.d.ts:1978 |
colType | DimensionCols | Column type | src/components.d.ts:1982 |
dataStore | Observable<DSourceState<DataType, DimensionRows>> | Data rows source | src/components.d.ts:1986 |
dimensionCol | Observable<DimensionSettingsState> | Dimension settings X | src/components.d.ts:1990 |
dimensionRow | Observable<DimensionSettingsState> | Dimension settings Y | src/components.d.ts:1994 |
focusTemplate? | null | FocusTemplateFunc | Focus template custom function. Can be used to render custom focus layer. Default null | src/components.d.ts:1999 |
onAfterfocus? | (event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => void | Used to setup properties after focus was rendered | src/components.d.ts:2003 |
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:2007 |
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:2011 |
rowType | DimensionRows | Row type | src/components.d.ts:2015 |
selectionStore | Observable<SelectionStoreState> | Selection, range, focus for selection | src/components.d.ts:2019 |