qwc/projects/qwc/src/lib/components/qwc-simple-select/qwc-simple-select.component.ts
| selector | qwc-simple-select |
| templateUrl | qwc-simple-select.component.html |
constructor(cdref: ChangeDetectorRef)
|
||||||
|
Parameters :
|
| ariaLabel |
Type : string | null
|
Default value : null
|
| 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,
childrenKey: "children",
showHierarchyLines: false
}
|
| disabled |
Type : boolean
|
| enableKeyboardSupport |
Default value : false
|
| focusTabIndex |
Default value : 0
|
| options |
Type : any
|
Default value : []
|
| selected |
Default value : []
|
| change |
Type : EventEmitter
|
| dropdownClose |
Type : EventEmitter
|
| dropdownOpen |
Type : EventEmitter
|
| rightKeyPressed |
Type : EventEmitter
|
| applyDropDownStyles | |||||||||
applyDropDownStyles(element, triggerBtn)
|
|||||||||
|
Apply drop down styles
Parameters :
Returns :
void
void |
| attachListeners |
attachListeners()
|
|
Attach Listeners
Returns :
void
|
| checkOptionInSelection | |||||||||
checkOptionInSelection(__option, __options)
|
|||||||||
|
Check option in selectopm
Parameters :
Returns :
any
any |
| clickEventHandler | ||||||
clickEventHandler(event)
|
||||||
|
Click Event Handler
Parameters :
Returns :
void
|
| closeCurrentDropdown | ||||||
closeCurrentDropdown(event?: any)
|
||||||
|
Close current dropdown
Parameters :
Returns :
void
void |
| detachListeners |
detachListeners()
|
|
Detach Listeners
Returns :
void
|
| filterValues | ||||||
filterValues(optionSearchText)
|
||||||
|
Search handler
Parameters :
Returns :
void
void |
| getValue | ||||||
getValue(__option)
|
||||||
|
Get value
Parameters :
Returns :
string | number
string | number |
| handleTab | ||||||||
handleTab(event: any)
|
||||||||
|
Handle tab key for focus or dropdown close.
Parameters :
Returns :
void
void |
| isComplexType | ||||||
isComplexType(__option)
|
||||||
|
Is complex type
Parameters :
Returns :
boolean
boolean |
| keyDownEventHandler | ||||||
keyDownEventHandler(event)
|
||||||
|
Key Down Event Handler
Parameters :
Returns :
void
|
| ngOnChanges | ||||||||
ngOnChanges(changes: literal type)
|
||||||||
|
Component lifecycle hook
Parameters :
Returns :
void
void |
| ngOnDestroy |
ngOnDestroy()
|
|
Component lifecycle hook
Returns :
void
void |
| onRightKeyPress | ||||
onRightKeyPress(option)
|
||||
|
On right key press event
Parameters :
Returns :
void
void |
| optionChanged | ||||||||||||
optionChanged(__option, event?: any)
|
||||||||||||
|
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 |
| wheelEventHandler | ||||||
wheelEventHandler(event)
|
||||||
|
Wheel Event Handler
Parameters :
Returns :
void
|
| clickEventRef |
Type : any
|
| customFooterTemplate |
Type : QwcDropdownFooterDirective
|
Decorators :
@ContentChild(QwcDropdownFooterDirective)
|
| customHeaderTemplate |
Type : QwcDropdownHeaderDirective
|
Decorators :
@ContentChild(QwcDropdownHeaderDirective)
|
| customIconTemplate |
Type : QwcDropdownIconDirective
|
Decorators :
@ContentChild(QwcDropdownIconDirective)
|
| customSelectionTemplate |
Type : QwcSelectedOptionDirective
|
Decorators :
@ContentChild(QwcSelectedOptionDirective)
|
| customTemplate |
Type : QwcDropdownItemDirective
|
Decorators :
@ContentChild(QwcDropdownItemDirective)
|
| handleClick |
Default value : false
|
| isDDStylingSet |
Default value : false
|
| keyEventRef |
Type : any
|
| minWidth |
Type : number
|
Default value : 225
|
| optionsViewModel |
Type : any
|
Default value : this._clone(this.options)
|
| qwcscdropdown |
Type : ElementRef
|
Decorators :
@ViewChild('qwcscdropdown')
|
| qwcscOverlay |
Type : ElementRef
|
Decorators :
@ViewChild('qwcscOverlay', {static: false})
|
| rowTemplateChildren |
Type : QueryList<QwcSimpleSelectDropdownItemsComponent>
|
Decorators :
@ViewChildren(undefined)
|
| 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')
|
| wheelEventRef |
Type : any
|
| focusSearchEl | ||||
setfocusSearchEl(searchEl)
|
||||
|
Parameters :
Returns :
void
|