Class NumberInput

A class that represents an input field where only numbers can be entered.

@ extends Widget implements ValueWidget

Hierarchy (view full)

Widget
- NumberInput

Implements

ValueWidget

Index

Constructors

Properties

inputRef labelRef listeners ref value view

Methods

_init addClass bind destroy getRef getValue off on onClick onInput parse removeClass setContent setLabel setText setValue trigger

Constructors

constructor

new NumberInput(label?, value?, callback?): NumberInput
Create a new number input field and initialize it.
Parameters
- Optional label: string = ''
  The label text.
- Optional value: number = 0
  The initial value.
- Optional callback: Function = null
  The function to call when the input is changed.
Returns NumberInput
Overrides Widget.constructor
- Defined in widgets/NumberInput.ts:22

Properties

inputRef

inputRef: HTMLInputElement

labelRef

labelRef: HTMLDivElement

listeners

listeners: {
[key: string]: Function[];
}

Type declaration

[key: string]: Function[]

ref

ref: HTMLDivElement

value

value: any

view

view: View

Methods

_init

_init(): void
Do the necessary initialization.

Returns void
Implementation of ValueWidget._init
Inherited from Widget._init
- Defined in widgets/GUIElement.ts:19

addClass

addClass(...classes): this
Add one or more classes to an element.
Parameters
- Rest ...classes: string[]
Returns this
Implementation of ValueWidget.addClass
Inherited from Widget.addClass
- Defined in widgets/GUIElement.ts:28

bind

bind(obj, prop): this
Bind an input field to an object property.
Parameters
- obj: any
  The object to bind the property to.
- prop: string
  The property to bind.
Returns this
Implementation of ValueWidget.bind
Overrides Widget.bind
- Defined in widgets/NumberInput.ts:74

destroy

destroy(): void
Destroy the element

Returns void
Implementation of ValueWidget.destroy
Inherited from Widget.destroy
- Defined in widgets/GUIElement.ts:53

getRef

getRef(): HTMLElement
Returns HTMLElement
Implementation of ValueWidget.getRef
Inherited from Widget.getRef
- Defined in widgets/GUIElement.ts:46

getValue

getValue(): number
Get the value of the input field.

Returns number
- The value of the input field.
Implementation of ValueWidget.getValue
- Defined in widgets/NumberInput.ts:93

off

off(event, callback): void
Parameters
- event: string
- callback: Function
Returns void
Implementation of ValueWidget.off
Inherited from Widget.off
- Defined in EventSupport.ts:16

on

on(event, callback): void
Parameters
- event: string
- callback: Function
Returns void
Implementation of ValueWidget.on
Inherited from Widget.on
- Defined in EventSupport.ts:11

onClick

onClick(f): this
Add a click event listener to the widget.
Parameters
- f: Function
  The function to call when the widget is clicked.
Returns this
Implementation of ValueWidget.onClick
Inherited from Widget.onClick
- Defined in widgets/Widget.ts:50

onInput

onInput(f): this
Add an input event listener to the input field.
Parameters
- f: Function
  The function to call when the input is changed.
Returns this
- Defined in widgets/NumberInput.ts:63

parse

parse(value): number
Parameters
- value: string
Returns number
- Defined in widgets/NumberInput.ts:97

removeClass

removeClass(...classes): this
Remove one or more classes from an element.
Parameters
- Rest ...classes: string[]
Returns this
Implementation of ValueWidget.removeClass
Inherited from Widget.removeClass
- Defined in widgets/GUIElement.ts:38

setContent

setContent(value): this
Set the content of the widget.
Parameters
- value: string
  The value to set the content to.
Returns this
Implementation of ValueWidget.setContent
Inherited from Widget.setContent
- Defined in widgets/Widget.ts:30

setLabel

setLabel(label): this
Set the label of the input field.
Parameters
- label: string
  The new label text.
Returns this
- Defined in widgets/NumberInput.ts:53

setText

setText(value): this
Set the text of the widget.
Parameters
- value: string
  The value to set the text to.
Returns this
Implementation of ValueWidget.setText
Inherited from Widget.setText
- Defined in widgets/Widget.ts:40

setValue

setValue(value): this
Set the value of the input field.
Parameters
- value: string
Returns this
Implementation of ValueWidget.setValue
- Defined in widgets/NumberInput.ts:84

trigger

trigger(event, ...args): void
Parameters
- event: string
- Rest ...args: any[]
Returns void
Implementation of ValueWidget.trigger
Inherited from Widget.trigger
- Defined in EventSupport.ts:22