@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:1778 |
colType | DimensionCols | Column type | src/components.d.ts:1782 |
dataStore | Observable<DSourceState<DataType, DimensionRows>> | Data rows source | src/components.d.ts:1786 |
dimensionCol | Observable<DimensionSettingsState> | Dimension settings X | src/components.d.ts:1790 |
dimensionRow | Observable<DimensionSettingsState> | Dimension settings Y | src/components.d.ts:1794 |
focusTemplate? | null | FocusTemplateFunc | Focus template custom function. Can be used to render custom focus layer. | src/components.d.ts:1798 |
onAfterfocus? | (event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => void | Used to setup properties after focus was rendered | src/components.d.ts:1802 |
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:1806 |
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:1810 |
rowType | DimensionRows | Row type | src/components.d.ts:1814 |
selectionStore | Observable<SelectionStoreState> | Selection, range, focus for selection | src/components.d.ts:1818 |