UISelect | Jodit Editor

The base class of all Jodit UI components. Provides work with a life cycle.

Hierarchy

UIInput
- UISelect

Implements

IUISelect

Index

Properties

`Static` STATUSES

STATUSES: {
    beforeDestruct: "beforeDestruct";
    beforeInit: "beforeInit";
    destructed: "destructed";
    ready: "ready";
} = STATUSES

Type declaration

beforeDestruct: "beforeDestruct"
beforeInit: "beforeInit"
destructed: "destructed"
ready: "ready"

`Readonly` async

async: IAsync = ...

container

container: HTMLElement

`Static` defaultState

defaultState: {
    autocomplete: boolean;
    className: string;
    clearButton?: boolean;
    icon: string;
    label: string;
    name: string;
    onChange?: ((value: string) => void);
    placeholder: string;
    ref: string;
    required: boolean;
    type: "number" | "text" | "checkbox" | "url" | "file" | "hidden";
    validators: string[];
    value: string | number;
} & {
    multiple?: boolean;
    options: IUIOption[];
    size?: number;
} = ...

jodit

jodit: IViewBased<IViewOptions>

Parent View element

`Readonly` mods

mods: IDictionary<null | string | boolean, string> = {}

name

name: string = ''

nativeInput

nativeInput: HTMLSelectElement

ownerWindow

ownerWindow: Window = window

The window in which jodit was created

state

state: {
    autocomplete: boolean;
    className: string;
    clearButton?: boolean;
    icon: string;
    label: string;
    name: string;
    onChange?: ((value: string) => void);
    placeholder: string;
    ref: string;
    required: boolean;
    type: "number" | "text" | "checkbox" | "url" | "file" | "hidden";
    validators: string[];
    value: string | number;
} & {
    multiple?: boolean;
    options: IUIOption[];
    size?: number;
} = ...

`Readonly` uid

uid: string

Methods

afterSetMod

afterSetMod(name: string, value: ModType): void
Parameters
- name: string
- value: ModType
Returns void

appendTo

appendTo(element: HTMLElement): UISelect
Append container to element
Parameters
- element: HTMLElement
Returns UISelect

bindDestruct

bindDestruct(component: IComponent<IViewBased<IViewOptions>>): UISelect
Bind destructor to some View
Parameters
- component: IComponent<IViewBased<IViewOptions>>
Returns UISelect

bubble

bubble(callback: ((parent: IUIElement) => void)): UISelect
Apply callback for all parents
Parameters
- callback: ((parent: IUIElement) => void)
  - - (parent: IUIElement): void
    - Parameters
      
      parent: IUIElement
      
      Returns void
Returns UISelect

className

className(): string
Returns string

closest

closest<T>(type: Function | T): Nullable<T>
Find match parent
Type Parameters
- T extends IUIElement<T>
Parameters
- type: Function | T
Returns Nullable<T>

`Static` closestElement

closestElement(node: Node, type: Function): Nullable<IUIElement>
Find closest UIElement in DOM
Parameters
- node: Node
- type: Function
Returns Nullable<IUIElement>

destruct

destruct(): any
Returns any

focus

focus(): void
Returns void

get

get<T>(chain: string, obj?: IDictionary<any, string>): Nullable<T>
Type Parameters
- T
Parameters
- chain: string
- Optional obj: IDictionary<any, string>
Returns Nullable<T>

getElm

getElm<T>(this: T, elementName: string): Nullable<HTMLElement>
Return element with BEM class name
Type Parameters
- T extends IComponent<IViewBased<IViewOptions>, T> & IContainer & IElms
Parameters
- this: T
- elementName: string
Returns Nullable<HTMLElement>

getElms

getElms<T>(this: T, elementName: string): HTMLElement[]
Return elements with BEM class name
Type Parameters
- T extends IComponent<IViewBased<IViewOptions>, T> & IContainer & IElms
Parameters
- this: T
- elementName: string
Returns HTMLElement[]

getFullElName

getFullElName(elementName: string): string
Calc BEM element class name
Parameters
- elementName: string
  
  element name in the bem classification
Returns string
getFullElName(elementName: string, mod: string): string
Parameters
- elementName: string
- mod: string
Returns string
getFullElName(elementName: string, mod: string, modValue: string | boolean): string
Parameters
- elementName: string
- mod: string
- modValue: string | boolean
Returns string

getMod

getMod(this: IMods, name: string): ModType
Get BEM class modification value
Parameters
- this: IMods
- name: string
Returns ModType

hookStatus

hookStatus(status: ComponentStatus, callback: ((component: UISelect) => void)): void
Adds a handler for changing the component's status
Parameters
- status: ComponentStatus
  
  the status at which the callback is triggered
- callback: ((component: UISelect) => void)
  
  a function that will be called when the status is status
  - - (component: UISelect): void
    - Parameters
      
      component: UISelect
      
      Returns void
Returns void

i18n

i18n(text: string, ...params: (string | number)[]): string
Parameters
- text: string
- Rest ...params: (string | number)[]
Returns string

`Static` isInstanceOf

isInstanceOf<T>(c: unknown, constructorFunc: Function): c is T
Type Parameters
- T extends IComponent<IViewBased<IViewOptions>, T>
Parameters
- c: unknown
- constructorFunc: Function
Returns c is T

setMod

setMod<T>(this: T, name: string, value: ModType, container?: HTMLElement): T
Set/remove BEM class modification
Type Parameters
- T extends IComponent<IViewBased<IViewOptions>, T> & IContainer & IMods
Parameters
- this: T
- name: string
- value: ModType
  
  if null, mod will be removed
- Optional container: HTMLElement
Returns T

setParentView

setParentView(jodit: IViewBased<IViewOptions>): UISelect
Attach component to View
Parameters
- jodit: IViewBased<IViewOptions>
Returns UISelect

setStatus

setStatus(componentStatus: ComponentStatus): void
Set component status

See
ComponentStatus
Parameters
- componentStatus: ComponentStatus
  
  component status
Returns void

update

update(): void
Update UI from state

Returns void

updateParentElement

updateParentElement(target: IUIElement): UISelect
Parameters
- target: IUIElement
Returns UISelect

validate

validate(): boolean
Returns boolean

Accessors

componentName

get componentName(): string
Returns string

componentStatus

get componentStatus(): ComponentStatus
Current component status

Returns ComponentStatus
set componentStatus(componentStatus: ComponentStatus): void
Setter for current component status
Parameters
- componentStatus: ComponentStatus
Returns void

defaultTimeout

get defaultTimeout(): number
Returns number

error

set error(value: string): void
Parameters
- value: string
Returns void

isDestructed

get isDestructed(): boolean
Component was destructed

Returns boolean

isFocused

get isFocused(): boolean
Returns boolean

isInDestruct

get isInDestruct(): boolean
The component is currently undergoing destructuring or has already been destroyed. Those. you should not hang new events on him now or do anything else with him.

Returns boolean

isReady

get isReady(): boolean
Component is ready for work

Returns boolean

j

get j(): T
Shortcut for this.jodit

Returns T

od

get od(): Document
Shortcut for this.ownerDocument

Returns Document

ow

get ow(): Window
Returns Window

ownerDocument

get ownerDocument(): Document
The document in which jodit was created

Returns Document

parentElement

get parentElement(): Nullable<IUIElement>
Returns Nullable<IUIElement>
set parentElement(parentElement: Nullable<IUIElement>): void
Parameters
- parentElement: Nullable<IUIElement>
Returns void

value

get value(): string
Returns string
set value(value: string): void
Parameters
- value: string
Returns void

Constructors

constructor

new UISelect(jodit: IViewBased<IViewOptions>, state: Partial<{
    autocomplete: boolean;
    className: string;
    clearButton?: boolean;
    icon: string;
    label: string;
    name: string;
    onChange?: ((value: string) => void);
    placeholder: string;
    ref: string;
    required: boolean;
    type: "number" | "text" | "checkbox" | "url" | "file" | "hidden";
    validators: string[];
    value: string | number;
} & {
    multiple?: boolean;
    options: IUIOption[];
    size?: number;
}>): UISelect
Parameters
- jodit: IViewBased<IViewOptions>
- state: Partial<{
      autocomplete: boolean;
      className: string;
      clearButton?: boolean;
      icon: string;
      label: string;
      name: string;
      onChange?: ((value: string) => void);
      placeholder: string;
      ref: string;
      required: boolean;
      type: "number" | "text" | "checkbox" | "url" | "file" | "hidden";
      validators: string[];
      value: string | number;
  } & {
      multiple?: boolean;
      options: IUIOption[];
      size?: number;
  }>
Returns UISelect

Jodit PRO

If you like Jodit - try Jodit PRO

Hierarchy

Implements

Index

Properties

Methods

Accessors

Constructors

Properties

Static STATUSES

Type declaration

beforeDestruct: "beforeDestruct"

beforeInit: "beforeInit"

destructed: "destructed"

ready: "ready"

Readonly async

container

Static defaultState

jodit

Readonly mods

name

nativeInput

ownerWindow

state

Readonly uid

Methods

afterSetMod

Parameters

name: string

value: ModType

Returns void

appendTo

Parameters

element: HTMLElement

Returns UISelect

bindDestruct

Parameters

component: IComponent<IViewBased<IViewOptions>>

Returns UISelect

bubble

Parameters

callback: ((parent: IUIElement) => void)

Parameters

parent: IUIElement

Returns void

Returns UISelect

className

Returns string

closest

Type Parameters

T extends IUIElement<T>

Parameters

type: Function | T

Returns Nullable<T>

Static closestElement

Parameters

node: Node

type: Function

Returns Nullable<IUIElement>

destruct

Returns any

focus

Returns void

get

Type Parameters

T

Parameters

chain: string

Optional obj: IDictionary<any, string>

Returns Nullable<T>

getElm

Type Parameters

T extends IComponent<IViewBased<IViewOptions>, T> & IContainer & IElms

Parameters

this: T

elementName: string

Returns Nullable<HTMLElement>

getElms

Type Parameters

T extends IComponent<IViewBased<IViewOptions>, T> & IContainer & IElms

Parameters

`Static` STATUSES

`Readonly` async

`Static` defaultState

`Readonly` mods

`Readonly` uid

`Static` closestElement

`Optional` obj: IDictionary<any, string>

`Rest` ...params: (string | number)[]

`Static` isInstanceOf

`Optional` container: HTMLElement