TypeaheadInput

open class TypeaheadInput(options: List<String>?, taAjaxOptions: TaAjaxOptions?, source: (String, (Array<String>) -> Unit) -> Unit?, items: Int?, minLength: Int, delay: Int, type: TextInputType, value: String?, className: String?, init: TypeaheadInput.() -> Unit?) : TextInput

The basic component for typeahead control.

Parameters

options

a static list of options

taAjaxOptions

AJAX options for remote data source

source

source function for data source

items

the max number of items to display in the dropdown

minLength

the minimum character length needed before triggering dropdown

delay

a delay between lookups

type

text input type (default "text")

value

text input value

className

CSS class names

init

an initializer extension function

Constructors

TypeaheadInput
Link copied to clipboard
fun TypeaheadInput(options: List<String>? = null, taAjaxOptions: TaAjaxOptions? = null, source: (String, (Array<String>) -> Unit) -> Unit? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, className: String? = null, init: TypeaheadInput.() -> Unit? = null)

Types

Companion
Link copied to clipboard
object Companion

Functions

addAfterDestroyHook
Link copied to clipboard
open override fun addAfterDestroyHook(hook: () -> Unit): Boolean
addAfterInsertHook
Link copied to clipboard
open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean
addBeforeDisposeHook
Link copied to clipboard
open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean
addCssClass
Link copied to clipboard
open override fun addCssClass(css: String): Widget
addCssStyle
Link copied to clipboard
open override fun addCssStyle(css: Style): Widget
addSurroundingCssClass
Link copied to clipboard
open override fun addSurroundingCssClass(css: String): Widget
addSurroundingCssStyle
Link copied to clipboard
open override fun addSurroundingCssStyle(css: Style): Widget
blur
Link copied to clipboard
open fun blur()
clearDragDropData
Link copied to clipboard
open fun clearDragDropData()
clearParent
Link copied to clipboard
open override fun clearParent(): Widget
dispatchEvent
Link copied to clipboard
open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean?
dispose
Link copied to clipboard
open override fun dispose()
focus
Link copied to clipboard
open fun focus()
getAttribute
Link copied to clipboard
open override fun getAttribute(name: String): String?
getElement
Link copied to clipboard
open override fun getElement(): Node?
getElementD
Link copied to clipboard
open override fun getElementD(): dynamic
getRoot
Link copied to clipboard
open override fun getRoot(): Root?
getSnStyle
Link copied to clipboard
open fun getSnStyle(): dynamic
getState
Link copied to clipboard
open override fun getState(): String?
getStyle
Link copied to clipboard
fun getStyle(name: String): String?
hasCssClass
Link copied to clipboard
open override fun hasCssClass(css: String): Boolean
hide
Link copied to clipboard
open fun hide(): Widget
refresh
Link copied to clipboard
open override fun refresh(): Widget
removeAttribute
Link copied to clipboard
open override fun removeAttribute(name: String): Widget
removeCssClass
Link copied to clipboard
open override fun removeCssClass(css: String): Widget
removeCssStyle
Link copied to clipboard
open override fun removeCssStyle(css: Style): Widget
removeEventListener
Link copied to clipboard
open fun removeEventListener(id: Int): Widget
removeEventListeners
Link copied to clipboard
open fun removeEventListeners(): Widget
removeStyle
Link copied to clipboard
fun removeStyle(name: String): StyledComponent
removeSurroundingCssClass
Link copied to clipboard
open override fun removeSurroundingCssClass(css: String): Widget
removeSurroundingCssStyle
Link copied to clipboard
open override fun removeSurroundingCssStyle(css: Style): Widget
renderVNode
Link copied to clipboard
open override fun renderVNode(): VNode
setAttribute
Link copied to clipboard
open override fun setAttribute(name: String, value: String): Widget
setDragDropData
Link copied to clipboard
open fun setDragDropData(format: String, data: String)
setDropTarget
Link copied to clipboard
open fun setDropTarget(format: String, callback: (DragEvent) -> Unit)
open fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)
setDropTargetData
Link copied to clipboard
open fun setDropTargetData(format: String, callback: (String?) -> Unit)
setEventListener
Link copied to clipboard
open fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int
setState
Link copied to clipboard
open override fun setState(state: String?)
setStyle
Link copied to clipboard
fun setStyle(name: String, value: String): StyledComponent
show
Link copied to clipboard
open fun show(): Widget
singleRender
Link copied to clipboard
open override fun <T> singleRender(block: () -> T): T
singleRenderAsync
Link copied to clipboard
open override fun singleRenderAsync(block: () -> Unit)
subscribe
Link copied to clipboard
open override fun subscribe(observer: (String?) -> Unit): () -> Unit
toggleVisible
Link copied to clipboard
open fun toggleVisible(): Widget
translate
Link copied to clipboard
open fun translate(text: String): String
open fun translate(text: String?): String?

Properties

alignContent
Link copied to clipboard
open var alignContent: AlignContent?
alignItems
Link copied to clipboard
open var alignItems: AlignItems?
alignSelf
Link copied to clipboard
open var alignSelf: AlignItems?
autocomplete
Link copied to clipboard
var autocomplete: Autocomplete?
autofocus
Link copied to clipboard
var autofocus: Boolean?
autoSelect
Link copied to clipboard
var autoSelect: Boolean

Determines if the first suggestion is selected automatically.

background
Link copied to clipboard
open var background: Background?
border
Link copied to clipboard
open var border: Border?
borderBottom
Link copied to clipboard
open var borderBottom: Border?
borderLeft
Link copied to clipboard
open var borderLeft: Border?
borderRadius
Link copied to clipboard
open var borderRadius: CssSize?
borderRadiusList
Link copied to clipboard
open var borderRadiusList: List<CssSize>?
borderRight
Link copied to clipboard
open var borderRight: Border?
borderTop
Link copied to clipboard
open var borderTop: Border?
bottom
Link copied to clipboard
open var bottom: CssSize?
boxShadow
Link copied to clipboard
open var boxShadow: BoxShadow?
boxShadowList
Link copied to clipboard
open var boxShadowList: List<BoxShadow>?
clear
Link copied to clipboard
open var clear: Clear?
color
Link copied to clipboard
open var color: Color?
colorHex
Link copied to clipboard
open var colorHex: Int?
colorName
Link copied to clipboard
open var colorName: Col?
cursor
Link copied to clipboard
open var cursor: Cursor?
delay
Link copied to clipboard
var delay: Int

A delay between lookups.

disabled
Link copied to clipboard
open override var disabled: Boolean
display
Link copied to clipboard
open var display: Display?
draggable
Link copied to clipboard
var draggable: Boolean?
eventTarget
Link copied to clipboard
var eventTarget: Widget?
fitToElement
Link copied to clipboard
var fitToElement: Boolean

Determines if the menu is the same size as the input it is attached to.

flexBasis
Link copied to clipboard
open var flexBasis: CssSize?
flexDirection
Link copied to clipboard
open var flexDirection: FlexDirection?
flexGrow
Link copied to clipboard
open var flexGrow: Int?
flexShrink
Link copied to clipboard
open var flexShrink: Int?
flexWrap
Link copied to clipboard
open var flexWrap: FlexWrap?
float
Link copied to clipboard
open var float: PosFloat?
fontFamily
Link copied to clipboard
open var fontFamily: String?
fontSize
Link copied to clipboard
open var fontSize: CssSize?
fontStyle
Link copied to clipboard
open var fontStyle: FontStyle?
fontVariant
Link copied to clipboard
open var fontVariant: FontVariant?
fontWeight
Link copied to clipboard
open var fontWeight: FontWeight?
gridArea
Link copied to clipboard
open var gridArea: String?
gridAutoColumns
Link copied to clipboard
open var gridAutoColumns: String?
gridAutoFlow
Link copied to clipboard
open var gridAutoFlow: GridAutoFlow?
gridAutoRows
Link copied to clipboard
open var gridAutoRows: String?
gridColumnEnd
Link copied to clipboard
open var gridColumnEnd: String?
gridColumnGap
Link copied to clipboard
open var gridColumnGap: Int?
gridColumnStart
Link copied to clipboard
open var gridColumnStart: Int?
gridRowEnd
Link copied to clipboard
open var gridRowEnd: String?
gridRowGap
Link copied to clipboard
open var gridRowGap: Int?
gridRowStart
Link copied to clipboard
open var gridRowStart: Int?
gridTemplateAreas
Link copied to clipboard
open var gridTemplateAreas: List<String>?
gridTemplateColumns
Link copied to clipboard
open var gridTemplateColumns: String?
gridTemplateRows
Link copied to clipboard
open var gridTemplateRows: String?
height
Link copied to clipboard
open var height: CssSize?
id
Link copied to clipboard
var id: String?
items
Link copied to clipboard
var items: Int?

The max number of items to display in the dropdown

justifyContent
Link copied to clipboard
open var justifyContent: JustifyContent?
justifyItems
Link copied to clipboard
open var justifyItems: JustifyItems?
justifySelf
Link copied to clipboard
open var justifySelf: JustifyItems?
kvscope
Link copied to clipboard
var kvscope: dynamic
left
Link copied to clipboard
open var left: CssSize?
letterSpacing
Link copied to clipboard
open var letterSpacing: CssSize?
lineBreak
Link copied to clipboard
open var lineBreak: LineBreak?
lineHeight
Link copied to clipboard
open var lineHeight: CssSize?
margin
Link copied to clipboard
open var margin: CssSize?
marginBottom
Link copied to clipboard
open var marginBottom: CssSize?
marginLeft
Link copied to clipboard
open var marginLeft: CssSize?
marginRight
Link copied to clipboard
open var marginRight: CssSize?
marginTop
Link copied to clipboard
open var marginTop: CssSize?
maxHeight
Link copied to clipboard
open var maxHeight: CssSize?
maxlength
Link copied to clipboard
var maxlength: Int?
maxWidth
Link copied to clipboard
open var maxWidth: CssSize?
minHeight
Link copied to clipboard
open var minHeight: CssSize?
minLength
Link copied to clipboard
var minLength: Int

The minimum character length needed before triggering dropdown

minWidth
Link copied to clipboard
open var minWidth: CssSize?
name
Link copied to clipboard
open override var name: String?
opacity
Link copied to clipboard
open var opacity: Double?
options
Link copied to clipboard
var options: List<String>?

A static list of options for a typeahead control

order
Link copied to clipboard
open var order: Int?
outline
Link copied to clipboard
open var outline: Outline?
overflow
Link copied to clipboard
open var overflow: Overflow?
overflowWrap
Link copied to clipboard
open var overflowWrap: OverflowWrap?
padding
Link copied to clipboard
open var padding: CssSize?
paddingBottom
Link copied to clipboard
open var paddingBottom: CssSize?
paddingLeft
Link copied to clipboard
open var paddingLeft: CssSize?
paddingRight
Link copied to clipboard
open var paddingRight: CssSize?
paddingTop
Link copied to clipboard
open var paddingTop: CssSize?
parent
Link copied to clipboard
open override var parent: Container?
placeholder
Link copied to clipboard
var placeholder: String?
popoverHooksActive
Link copied to clipboard
var popoverHooksActive: Boolean
popoverOptions
Link copied to clipboard
var popoverOptions: dynamic
position
Link copied to clipboard
open var position: Position?
readonly
Link copied to clipboard
var readonly: Boolean?
resize
Link copied to clipboard
open var resize: Resize?
right
Link copied to clipboard
open var right: CssSize?
role
Link copied to clipboard
var role: String?
showHintOnFocus
Link copied to clipboard
var showHintOnFocus: ShowHintOnFocus

Determines if hints should be shown as soon as the input gets focus.

size
Link copied to clipboard
open override var size: InputSize?
source
Link copied to clipboard
var source: (String, (Array<String>) -> Unit) -> Unit?

Source function for data source

startValue
Link copied to clipboard
var startValue: String?
taAjaxOptions
Link copied to clipboard
var taAjaxOptions: TaAjaxOptions?

AJAX options for remote data source

tabindex
Link copied to clipboard
var tabindex: Int?
textAlign
Link copied to clipboard
open var textAlign: TextAlign?
textDecoration
Link copied to clipboard
open var textDecoration: TextDecoration?
textDirection
Link copied to clipboard
open var textDirection: Direction?
textIndent
Link copied to clipboard
open var textIndent: CssSize?
textOverflow
Link copied to clipboard
open var textOverflow: TextOverflow?
textShadow
Link copied to clipboard
open var textShadow: TextShadow?
textTransform
Link copied to clipboard
open var textTransform: TextTransform?
title
Link copied to clipboard
var title: String?
tooltipHooksActive
Link copied to clipboard
var tooltipHooksActive: Boolean
tooltipOptions
Link copied to clipboard
var tooltipOptions: dynamic
top
Link copied to clipboard
open var top: CssSize?
transition
Link copied to clipboard
open var transition: Transition?
transitionList
Link copied to clipboard
open var transitionList: List<Transition>?
type
Link copied to clipboard
var type: TextInputType
unicodeBidi
Link copied to clipboard
open var unicodeBidi: UnicodeBidi?
validationStatus
Link copied to clipboard
open override var validationStatus: ValidationStatus?
value
Link copied to clipboard
open override var value: String?
verticalAlign
Link copied to clipboard
open var verticalAlign: VerticalAlign?
visible
Link copied to clipboard
open override var visible: Boolean
whiteSpace
Link copied to clipboard
open var whiteSpace: WhiteSpace?
width
Link copied to clipboard
open var width: CssSize?
wordBreak
Link copied to clipboard
open var wordBreak: WordBreak?
wordSpacing
Link copied to clipboard
open var wordSpacing: CssSize?
zIndex
Link copied to clipboard
open var zIndex: Int?