RevoGrid Documentation v4.15.3 / 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:1867 |
colType | DimensionCols | Column type | src/components.d.ts:1871 |
dataStore | Observable<DSourceState<DataType, DimensionRows>> | Data rows source | src/components.d.ts:1875 |
dimensionCol | Observable<DimensionSettingsState> | Dimension settings X | src/components.d.ts:1879 |
dimensionRow | Observable<DimensionSettingsState> | Dimension settings Y | src/components.d.ts:1883 |
focusTemplate? | null | FocusTemplateFunc | Focus template custom function. Can be used to render custom focus layer. | src/components.d.ts:1887 |
onAfterfocus? | (event: RevogrFocusCustomEvent<FocusAfterRenderEvent>) => void | Used to setup properties after focus was rendered | src/components.d.ts:1891 |
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:1895 |
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:1899 |
rowType | DimensionRows | Row type | src/components.d.ts:1903 |
selectionStore | Observable<SelectionStoreState> | Selection, range, focus for selection | src/components.d.ts:1907 |