@revolist/revogrid / 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:1836 |
colType | DimensionCols | Column type | src/components.d.ts:1840 |
dataStore | Observable<DSourceState<DataType, DimensionRows>> | Data rows source | src/components.d.ts:1844 |
dimensionCol | Observable<DimensionSettingsState> | Dimension settings X | src/components.d.ts:1848 |
dimensionRow | Observable<DimensionSettingsState> | Dimension settings Y | src/components.d.ts:1852 |
focusTemplate? | null | FocusTemplateFunc | Focus template custom function. Can be used to render custom focus layer. | src/components.d.ts:1856 |
onAfterfocus? | (event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => void | Used to setup properties after focus was rendered | src/components.d.ts:1860 |
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:1864 |
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:1868 |
rowType | DimensionRows | Row type | src/components.d.ts:1872 |
selectionStore | Observable<SelectionStoreState> | Selection, range, focus for selection | src/components.d.ts:1876 |