kvision-tom-select/io.kvision.form.select/TomSelect

TomSelect

open class TomSelect(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, maxOptions: Int? = null, tsOptions: TomSelectOptions? = null, tsCallbacks: TomSelectCallbacks? = null, tsRenders: TomSelectRenders? = null, label: String? = null, rich: Boolean = false, init: TomSelect.() -> Unit? = null) : SimplePanel, StringFormControl, MutableState<String?> (source)

The form field component for Tom Select control.

Parameters

options

a static list of options

value

text input value

emptyOption

determines if an empty option is automatically generated

multiple

allows multiple value selection (multiple values are comma delimited)

maxOptions

the number of visible options

tsOptions

Tom Select options

tsCallbacks

Tom Select callbacks

tsRenders

Tom Select render functions

label

label text bound to the input element

rich

determines if label can contain HTML code

init

an initializer extension function

Constructors

TomSelect

constructor(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, maxOptions: Int? = null, tsOptions: TomSelectOptions? = null, tsCallbacks: TomSelectCallbacks? = null, tsRenders: TomSelectRenders? = null, label: String? = null, rich: Boolean = false, init: TomSelect.() -> Unit? = null)

Types

Companion

object Companion

Properties

_archivedState

var _archivedState: dynamic

alignContent

open var alignContent: AlignContent?

alignItems

open var alignItems: AlignItems?

alignSelf

open var alignSelf: AlignItems?

autofocus

var autofocus: Boolean?

Determines if the select is automatically focused.

background

open var background: Background?

border

open var border: Border?

borderBottom

open var borderBottom: Border?

borderLeft

open var borderLeft: Border?

borderRadius

open var borderRadius: CssSize?

borderRadiusList

open var borderRadiusList: List<CssSize>?

borderRight

open var borderRight: Border?

borderTop

open var borderTop: Border?

bottom

open var bottom: CssSize?

boxShadow

open var boxShadow: BoxShadow?

boxShadowList

open var boxShadowList: List<BoxShadow>?

clear

open var clear: Clear?

color

open var color: Color?

colorHex

open var colorHex: Int?

colorName

open var colorName: Col?

cursor

open var cursor: Cursor?

disabled

open var disabled: Boolean

disableSearch

var disableSearch: Boolean

Disable searching in options.

display

open var display: Display?

draggable

var draggable: Boolean?

emptyOption

var emptyOption: Boolean

Determines if an empty option is automatically generated.

eventTarget

var eventTarget: Widget?

flabel

override val flabel: FieldLabel

flexBasis

open var flexBasis: CssSize?

flexDirection

open var flexDirection: FlexDirection?

flexGrow

open var flexGrow: Int?

flexShrink

open var flexShrink: Int?

flexWrap

open var flexWrap: FlexWrap?

float

open var float: PosFloat?

fontFamily

open var fontFamily: String?

fontSize

open var fontSize: CssSize?

fontStyle

open var fontStyle: FontStyle?

fontVariant

open var fontVariant: FontVariant?

fontWeight

open var fontWeight: FontWeight?

gridArea

open var gridArea: String?

gridAutoColumns

open var gridAutoColumns: String?

gridAutoFlow

open var gridAutoFlow: GridAutoFlow?

gridAutoRows

open var gridAutoRows: String?

gridColumnEnd

open var gridColumnEnd: String?

gridColumnGap

open var gridColumnGap: Int?

gridColumnStart

open var gridColumnStart: Int?

gridRowEnd

open var gridRowEnd: String?

gridRowGap

open var gridRowGap: Int?

gridRowStart

open var gridRowStart: Int?

gridTemplateAreas

open var gridTemplateAreas: List<String>?

gridTemplateColumns

open var gridTemplateColumns: String?

gridTemplateRows

open var gridTemplateRows: String?

height

open var height: CssSize?

var id: String?

input

override val input: TomSelectInput

invalidFeedback

override val invalidFeedback: InvalidFeedback

justifyContent

open var justifyContent: JustifyContent?

justifyItems

open var justifyItems: JustifyItems?

justifySelf

open var justifySelf: JustifyItems?

kvscope

var kvscope: dynamic

label

var label: String?

The label text bound to the select element.

left

open var left: CssSize?

letterSpacing

open var letterSpacing: CssSize?

lineBreak

open var lineBreak: LineBreak?

lineHeight

open var lineHeight: CssSize?

listStyle

open var listStyle: ListStyle?

margin

open var margin: CssSize?

marginBottom

open var marginBottom: CssSize?

marginLeft

open var marginLeft: CssSize?

marginRight

open var marginRight: CssSize?

marginTop

open var marginTop: CssSize?

maxHeight

open var maxHeight: CssSize?

maxOptions

var maxOptions: Int?

The number of visible options.

maxWidth

open var maxWidth: CssSize?

minHeight

open var minHeight: CssSize?

minWidth

open var minWidth: CssSize?

multiple

var multiple: Boolean

Determines if multiple value selection is allowed.

name

open var name: String?

opacity

open var opacity: Double?

options

var options: List<StringPair>?

A list of options (value to label pairs) for the select control.

order

open var order: Int?

outline

open var outline: Outline?

overflow

open var overflow: Overflow?

overflowWrap

open var overflowWrap: OverflowWrap?

overflowX

open var overflowX: Overflow?

overflowY

open var overflowY: Overflow?

padding

open var padding: CssSize?

paddingBottom

open var paddingBottom: CssSize?

paddingLeft

open var paddingLeft: CssSize?

paddingRight

open var paddingRight: CssSize?

paddingTop

open var paddingTop: CssSize?

parent

open override var parent: Container?

placeholder

var placeholder: String?

The placeholder for the select control.

popoverHooksActive

var popoverHooksActive: Boolean

popoverOptions

var popoverOptions: dynamic

position

open var position: Position?

resize

open var resize: Resize?

rich

var rich: Boolean

Determines if label can contain HTML code.

right

open var right: CssSize?

role

var role: String?

selectedLabel

val selectedLabel: String?

The label of the currently selected option.

size

open var size: InputSize?

tabindex

var tabindex: Int?

textAlign

open var textAlign: TextAlign?

textDecoration

open var textDecoration: TextDecoration?

textDirection

open var textDirection: Direction?

textIndent

open var textIndent: CssSize?

textOverflow

open var textOverflow: TextOverflow?

textShadow

open var textShadow: TextShadow?

textTransform

open var textTransform: TextTransform?

title

var title: String?

tooltipHooksActive

var tooltipHooksActive: Boolean

tooltipOptions

var tooltipOptions: dynamic

top

open var top: CssSize?

transition

open var transition: Transition?

transitionList

open var transitionList: List<Transition>?

tsCallbacks

var tsCallbacks: TomSelectCallbacks?

Tom Select callbacks

tsOptions

var tsOptions: TomSelectOptions?

Tom Select options

tsRenders

var tsRenders: TomSelectRenders?

Tom Select render functions

unicodeBidi

open var unicodeBidi: UnicodeBidi?

validationStatus

open var validationStatus: ValidationStatus?

validatorError

open var validatorError: String?

value

open override var value: String?

A value of the selected option.

verticalAlign

open var verticalAlign: VerticalAlign?

visible

open override var visible: Boolean

whiteSpace

open var whiteSpace: WhiteSpace?

width

open var width: CssSize?

wordBreak

open var wordBreak: WordBreak?

wordSpacing

open var wordSpacing: CssSize?

zIndex

open var zIndex: Int?

Functions

add

open override fun add(child: Component)

open override fun add(position: Int, child: Component)

addAfterCreateHook

open override fun addAfterCreateHook(hook: (VNode) -> Unit): Boolean

addAfterDestroyHook

open override fun addAfterDestroyHook(hook: () -> Unit): Boolean

addAfterInsertHook

open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean

addAll

open override fun addAll(children: List<Component>)

addBeforeDisposeHook

open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean

addCssClass

open override fun addCssClass(css: String)

addCssStyle

open override fun addCssStyle(css: Style)

addSurroundingCssClass

open override fun addSurroundingCssClass(css: String)

addSurroundingCssStyle

open override fun addSurroundingCssStyle(css: Style)

blur

open override fun blur()

clearAfterCreateHooks

open override fun clearAfterCreateHooks()

clearAfterDestroyHooks

open override fun clearAfterDestroyHooks()

clearAfterInsertHooks

open override fun clearAfterInsertHooks()

clearBeforeDisposeHooks

open override fun clearBeforeDisposeHooks()

clearDragDropData

open fun clearDragDropData()

clearOptions

open fun clearOptions()

Removes all unselected options from the control.

clearParent

open override fun clearParent()

dispatchEvent

open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean?

dispose

open override fun dispose()

disposeAll

open override fun disposeAll()

focus

open override fun focus()

getAttribute

open override fun getAttribute(name: String): String?

getChildren

open override fun getChildren(): List<Component>

getElement

open override fun getElement(): HTMLElement?

getElementD

open override fun getElementD(): dynamic

getRoot

open override fun getRoot(): Root?

getSnStyle

open fun getSnStyle(): dynamic

getState

open override fun getState(): String?

getStyle

fun getStyle(name: String): String?

getValue

open override fun getValue(): String?

getValueAsString

open override fun getValueAsString(): String?

hasCssClass

open override fun hasCssClass(css: String): Boolean

hide

open fun hide()

invoke

open operator fun invoke(vararg children: Component)

refresh

open override fun refresh()

remove

open override fun remove(child: Component)

removeAfterCreateHook

open override fun removeAfterCreateHook(hook: (VNode) -> Unit): Boolean

removeAfterDestroyHook

open override fun removeAfterDestroyHook(hook: () -> Unit): Boolean

removeAfterInsertHook

open override fun removeAfterInsertHook(hook: (VNode) -> Unit): Boolean

removeAll

open override fun removeAll()

removeAt

open override fun removeAt(position: Int)

removeAttribute

open override fun removeAttribute(name: String)

removeBeforeDisposeHook

open override fun removeBeforeDisposeHook(hook: () -> Unit): Boolean

removeCssClass

open override fun removeCssClass(css: String)

removeCssStyle

open override fun removeCssStyle(css: Style)

removeEventListener

open override fun removeEventListener(id: Int)

removeEventListeners

open override fun removeEventListeners()

removeStyle

fun removeStyle(name: String)

removeSurroundingCssClass

open override fun removeSurroundingCssClass(css: String)

removeSurroundingCssStyle

open override fun removeSurroundingCssStyle(css: Style)

renderVNode

open override fun renderVNode(): VNode

setAttribute

open override fun setAttribute(name: String, value: String)

setDragDropData

open fun setDragDropData(format: String, data: String)

setDropTarget

open fun setDropTarget(format: String, callback: (DragEvent) -> Unit)

open fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)

setDropTargetData

open fun setDropTargetData(format: String, callback: (String?) -> Unit)

setEventListener

open override fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int

setState

open override fun setState(state: String?)

setStyle

fun setStyle(name: String, value: String)

setValue

open override fun setValue(v: Any?)

show

open fun show()

singleRender

open override fun <T> singleRender(block: () -> T): T

singleRenderAsync

open override fun singleRenderAsync(block: () -> Unit)

styleForHorizontalFormPanel

open fun styleForHorizontalFormPanel(horizontalRatio: FormHorizontalRatio)

styleForInlineFormPanel

open fun styleForInlineFormPanel()

styleForVerticalFormPanel

open fun styleForVerticalFormPanel()

open override fun subscribe(observer: (String?) -> Unit): () -> Unit

toggleVisible

open fun toggleVisible()

tomSelect

fun Container.tomSelect(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, maxOptions: Int? = null, tsOptions: TomSelectOptions? = null, tsCallbacks: TomSelectCallbacks? = null, tsRenders: TomSelectRenders? = null, label: String? = null, rich: Boolean = false, init: TomSelect.() -> Unit? = null): TomSelect

DSL builder extension function.

tomSelectInput

fun Container.tomSelectInput(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, maxOptions: Int? = null, tsOptions: TomSelectOptions? = null, tsCallbacks: TomSelectCallbacks? = null, tsRenders: TomSelectRenders? = null, className: String? = null, init: TomSelectInput.() -> Unit? = null): TomSelectInput

DSL builder extension function.

tomTypeahead

fun Container.tomTypeahead(options: List<String>? = null, type: InputType = InputType.TEXT, value: String? = null, tsCallbacks: TomSelectCallbacks? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: TomTypeahead.() -> Unit? = null): TomTypeahead

DSL builder extension function.

tomTypeaheadInput

fun Container.tomTypeaheadInput(options: List<String>? = null, type: InputType = InputType.TEXT, value: String? = null, tsCallbacks: TomSelectCallbacks? = null, className: String? = null, init: TomTypeaheadInput.() -> Unit? = null): TomTypeaheadInput

DSL builder extension function.

translate

open fun translate(text: String): String

open fun translate(text: String?): String?

unaryPlus

open operator fun String.unaryPlus()

useSnabbdomDistinctKey

open fun useSnabbdomDistinctKey()