OrionSelect

<o-select> displays a customizable dropdown field.

Usage

SelectData SelectFormat SelectFetch SelectSlot SelectFavorite SelectContainer SelectPlayground

VModels

Name
vModelVModelType<T> = undefined

Props

Name
autocompleteboolean = undefined
autofocusboolean = undefined
clearableboolean = undefined
clearToNullboolean = undefined
customFetch(searchTerm?: string) => Promise<O[]> = undefined
customSearchFunction = undefined
disabledboolean = undefined
disabledKeystring = undefined
displayKeyDKey | keyof O = undefined
donetypingnumber = 600
dropdownOptionsPartial<Orion.VDropdown> = undefined
favoriteIconOrion.Icon = 'star'
favoritesOptionsO[] = () => []
fetchInitialOptionsO[] = () => []
fetchKeystring = 'search'
fetchMethod'GET' | 'POST' = 'GET'
fetchMinSearchnumber = 1
fetchUrlstring = undefined
forceLabelFloatingboolean = undefined
inheritValidationStateboolean = undefined
labelstring = undefined
multipleboolean = undefined
optionsO[] = () => []
placeholderstring = undefined
prefillSearchstring = undefined
prefixFontIconstring = undefined
prefixIconOrion.Icon = undefined
readonlyboolean = undefined
requiredboolean = undefined
searchableboolean = undefined
selectOnFocusboolean = undefined
sizeOrion.Size = 'md'
suffixFontIconstring = undefined
suffixIconOrion.Icon = undefined
trackKeykeyof O = 'id' as any
typestring | Orion.DatepickerType = undefined
validationstring | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined
validationErrorMessagestring = undefined
valueKeyVKey = 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; }