OrionSelect

<o-select> displays a customizable dropdown field.

Usage

SelectData SelectFormat SelectFetch SelectSlot SelectPlayground

Props

autocompleteboolean = false

autofocusboolean = false

clearableboolean = false

clearToNullboolean = false

customFetch(searchTerm?: string) => Promise<BaseVModelType[]> = undefined

customSearchFunction = undefined

disabledboolean = false

disabledKeystring = undefined

displayKeystring = undefined

donetypingnumber = 600

fetchInitialOptionsArray = () => []

fetchKeystring = 'search'

fetchMethod'GET' | 'POST' = 'GET'

fetchMinSearchnumber = 1

fetchUrlstring = undefined

forceLabelFloatingboolean = false

inheritValidationStateboolean = undefined

labelstring = undefined

modelValueT = undefined

multipleboolean = false

optionsBaseVModelType[] = () => []

prefillSearchstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = false

requiredboolean = false

searchableboolean = false

selectOnFocusboolean = false

sizeOrion.Size = 'md'

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

trackKeystring = 'id'

typestring | Orion.DatepickerType = 'text'

validationstring | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined

validationErrorMessagestring = undefined

valueKeystring = undefined

Events

focus

FocusEvent

blur

FocusEvent

input

VModelType

input-keydown-tab

No payload

change

VModelType

update:modelValue

VModelType

clear

No payload

add

BaseVModelType

remove

BaseVModelType

select

BaseVModelType

fetch-start

string

fetch-end

BaseVModelType[]

fetch-search-clear

No payload

Slots

value

item: any

display: any

value

item: any

display: any

multiple-value

value: BaseVModelType[]

before-options

options: BaseVModelType[]

option

item: any

index: number

marked-search: (content: string) => string

after-options

options: BaseVModelType[]

PublicInstance

getSearchTerm

() => string | undefined

setSearchTerm

(val?: string) => string | undefined

triggerSearchAsync

(term?: string) => Promise<void>

hasBeenFocus

() => boolean

isFocus

() => boolean

focus

() => void

blur

Lodash.debounce

clear

() => void

setHasBeenFocus

(value: boolean) => void

isValid

() => boolean

_input

() => HTMLInputElement | undefined