OrionSelect
<o-select>
displays a customizable dropdown field.
Usage
SelectData SelectFormat SelectFetch SelectSlot SelectFavorite SelectContainer SelectPlayground
VModels
Name
vModel
VModelType<T> = undefined
Props
Name
autocomplete
boolean = undefined
autofocus
boolean = undefined
clearable
boolean = undefined
clearToNull
boolean = undefined
customFetch
(searchTerm?: string) => Promise<O[]> = undefined
customSearch
Function = undefined
disabled
boolean = undefined
disabledKey
string = undefined
displayKey
DKey | keyof O = undefined
donetyping
number = 600
dropdownOptions
Partial<Orion.VDropdown> = undefined
favoriteIcon
Orion.Icon = 'star'
favoritesOptions
O[] = () => []
fetchInitialOptions
O[] = () => []
fetchKey
string = 'search'
fetchMethod
'GET' | 'POST' = 'GET'
fetchMinSearch
number = 1
fetchUrl
string = undefined
forceLabelFloating
boolean = undefined
inheritValidationState
boolean = undefined
label
string = undefined
multiple
boolean = undefined
options
O[] = () => []
placeholder
string = undefined
prefillSearch
string = undefined
prefixFontIcon
string = undefined
prefixIcon
Orion.Icon = undefined
readonly
boolean = undefined
required
boolean = undefined
searchable
boolean = undefined
selectOnFocus
boolean = undefined
size
Orion.Size = 'md'
suffixFontIcon
string = undefined
suffixIcon
Orion.Icon = undefined
trackKey
keyof O = 'id' as any
type
string | Orion.DatepickerType = undefined
validation
string | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined
validationErrorMessage
string = undefined
valueKey
VKey = undefined
Events
Name
Payload type
focus
FocusEvent
blur
FocusEvent
input
T
change
T
clear
input-keydown-tab
add
O
remove
O
select
O
fetch-start
string
fetch-end
O[]
fetch-search-clear
Slots
Name
Bindings
value
item:
any
display:
any
value
item:
any
display:
any
multiple-value
value:
BaseVModelType[]
default
No bindings
before-options
options:
BaseVModelType[]
option
item:
any
index:
number
marked-search:
(content: string) => string
after-options
options:
BaseVModelType[]
PublicInstance
Name
Type
getSearchTerm
() => string | undefined
setSearchTerm
(val?: string) => string | undefined
setFavoritesOptions
(val: O[]) => O[]
triggerSearchAsync
(term?: string) => Promise<void>
togglePopover
() => void
blur
Lodash.debounce
popoverIsShown
() => boolean | undefined
hasBeenFocus
() => boolean
isFocus
() => boolean
focus
() => void
clear
() => void
setHasBeenFocus
(value: boolean) => void
isValid
() => boolean
_input
() => HTMLInputElement | undefined
sharedState
() => {
hasBeenFocus: boolean;
isFocus: boolean;
isAutoFilled: boolean;
}