Class NumberCellEditor

Editor for numbers: a text field with the numeric keyboard on touch devices (inputmode="decimal"), aligned to the end. Without an editInputPipe of the column a typed number is written as number ("42" → 42), other text stays text.

Example

ColumnDef.create({ property: "price", editable: TrueFn, editor: "number" });

Since

1.1.99

Hierarchy

TextCellEditor
- NumberCellEditor

Index

Constructors

constructor

new NumberCellEditor(): NumberCellEditor
Returns NumberCellEditor
Inherited from TextCellEditor.constructor

Properties

`Protected` composing

composing: boolean = false

`Protected` `Optional` ctx

ctx?: CellEditorContextIf

`Protected` `Optional` input

input?: HTMLInputElement

Methods

close

close(): void
Removes listeners and elements.

Returns void
Inherited from TextCellEditor.close
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:111

`Protected` decorate

decorate(input, ctx): void
Extra attributes and classes (subclasses).
Parameters
- input: HTMLInputElement
- ctx: CellEditorContextIf
Returns void
Overrides TextCellEditor.decorate
- Defined in src/lib/table/sheet-editing/editors/number-cell-editor.ts:17

focus

focus(): void
Gives the input element the keyboard focus.

Returns void
Inherited from TextCellEditor.focus
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:69

getFocusElement

getFocusElement(): undefined | HTMLElement
The element that has the focus (the table names it and lets the active cell own it for screen readers).

Returns undefined | HTMLElement
Inherited from TextCellEditor.getFocusElement
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:95

getText

getText(): string
The text of the editor, e.g. "=B2*C2" (formula input, later stages).

Returns string
Inherited from TextCellEditor.getText
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:58

getValue

getValue(): unknown
The value to write (it runs through editInputPipe and validate of the column).

Returns unknown
Overrides TextCellEditor.getValue
- Defined in src/lib/table/sheet-editing/editors/number-cell-editor.ts:22

`Protected` inputType

inputType(): string
The type attribute of the input.

Returns string
Inherited from TextCellEditor.inputType
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:40

isComposing

isComposing(): boolean
true while an IME composition is running – the table ignores Enter, Tab and arrows then.

Returns boolean
Inherited from TextCellEditor.isComposing
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:103

open

open(container, ctx): void
Builds the editor into container (the table positions the container over the cell).
Parameters
- container: HTMLDivElement
- ctx: CellEditorContextIf
Returns void
Inherited from TextCellEditor.open
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:20

setMode

setMode(_mode): void
F2 switched the mode.
Parameters
- _mode: CellEditMode
Returns void
Inherited from TextCellEditor.setMode
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:99

setText

setText(text): void
Replaces the text and puts the caret at the end.
Parameters
- text: string
Returns void
Inherited from TextCellEditor.setText
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:62

`Protected` toText

toText(ctx): string
The start text from the cell value.
Parameters
- ctx: CellEditorContextIf
Returns string
Inherited from TextCellEditor.toText
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:50

wantsKey

wantsKey(_evt, _mode): boolean
true if the editor needs this key itself (e.g. ↑/↓ in a list) – the table does not commit then.
Parameters
- _evt: KeyboardEvent
- _mode: CellEditMode
Returns boolean
Inherited from TextCellEditor.wantsKey
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:107

Class NumberCellEditor

Example

Since

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Returns NumberCellEditor

Properties

Protected composing

Protected Optional ctx

Protected Optional input

Methods

close

Returns void

Protected decorate

Parameters

input: HTMLInputElement

ctx: CellEditorContextIf

Returns void

focus

Returns void

getFocusElement

Returns undefined | HTMLElement

getText

Returns string

getValue

Returns unknown

Protected inputType

Returns string

isComposing

Returns boolean

open

Parameters

container: HTMLDivElement

ctx: CellEditorContextIf

Returns void

setMode

Parameters

_mode: CellEditMode

Returns void

setText

Parameters

text: string

Returns void

Protected toText

Parameters

ctx: CellEditorContextIf

Returns string

wantsKey

Parameters

_evt: KeyboardEvent

_mode: CellEditMode

Returns boolean

Settings

Member Visibility

Theme

On This Page

`Protected` composing

`Protected` `Optional` ctx

`Protected` `Optional` input

`Protected` decorate

`Protected` inputType

`Protected` toText