qwc/projects/qwc/src/lib/components/qwc-simple-select/qwc-simple-select.component.ts
| selector | qwc-simple-select |
| templateUrl | qwc-simple-select.component.html |
Properties |
Methods |
Inputs |
Outputs |
Accessors |
constructor(cdref: ChangeDetectorRef)
|
||||||
|
Parameters :
|
| config |
Type : QwcSelectConfig
|
Default value : {
placeHolder: "Select",
idKey: "id",
showDropdownArrow: true,
showSelectedItem: true,
searchable: true,
searchField: "name",
closeOnSelect: true,
multiSelect: false,
popoverClass: "dropdown",
enableClear: false
}
|
| options |
Type : any
|
Default value : []
|
| selected |
Default value : []
|
| change |
Type : EventEmitter
|
| applyDropDownStyles | |||||||||
applyDropDownStyles(element, triggerBtn)
|
|||||||||
|
Apply drop down styles
Parameters :
Returns :
void
void |
| closeCurrentDropdown |
closeCurrentDropdown()
|
|
Close current dropdown
Returns :
void
void |
| filterValues | ||||||
filterValues(optionSearchText)
|
||||||
|
Search handler
Parameters :
Returns :
void
void |
| getValue | ||||||
getValue(__option)
|
||||||
|
Get value
Parameters :
Returns :
string | number
string | number |
| isComplexType | ||||||
isComplexType(__option)
|
||||||
|
Is complex type
Parameters :
Returns :
boolean
boolean |
| ngOnChanges | ||||||||
ngOnChanges(changes: literal type)
|
||||||||
|
Component lifecycle hook
Parameters :
Returns :
void
void |
| ngOnDestroy |
ngOnDestroy()
|
|
Component lifecycle hook
Returns :
void
void |
| optionChanged | ||||||
optionChanged(__option)
|
||||||
|
Option changed
Parameters :
Returns :
void
void |
| removeSelection | ||||||
removeSelection(option)
|
||||||
|
Remove selection
Parameters :
Returns :
void
void |
| selectSearchInput | ||||||
selectSearchInput(event)
|
||||||
|
Select search input
Parameters :
Returns :
void
void |
| toggleDropdown | ||||||
toggleDropdown(event)
|
||||||
|
Toggle dropdown
Parameters :
Returns :
void
void |
| customHeaderTemplate |
Type : QwcDropdownHeaderDirective
|
Decorators :
@ContentChild(QwcDropdownHeaderDirective, {static: false})
|
| customSelectionTemplate |
Type : QwcSelectedOptionDirective
|
Decorators :
@ContentChild(QwcSelectedOptionDirective, {static: false})
|
| customTemplate |
Type : QwcDropdownItemDirective
|
Decorators :
@ContentChild(QwcDropdownItemDirective, {static: false})
|
| isDDStylingSet |
Default value : false
|
| minWidth |
Type : number
|
Default value : 225
|
| optionsViewModel |
Type : any
|
Default value : this._clone(this.options)
|
| qwcscdropdown |
Type : ElementRef
|
Decorators :
@ViewChild('qwcscdropdown', {static: false})
|
| searchInput |
Type : ElementRef
|
| selectedOptionIndex |
Default value : this.optionsViewModel.indexOf(this.optionsViewModel
.find(((__option) => __option[this.config.idKey] === this.selected)))
|
| selectedOptionsArr |
Type : any
|
Default value : []
|
| showDropdown |
Default value : false
|
| triggerRef |
Type : ElementRef
|
Decorators :
@ViewChild('triggerBtn', {static: false})
|
| focusSearchEl | ||||
setfocusSearchEl(searchEl)
|
||||
|
Parameters :
Returns :
void
|