An abstract class, defining a drop-down component, with: Properties for display styles and classes A collection items of type drop down item base Properties and methods for navigating (highlighting/focusing) items from the collection Properties and methods for selecting items from the collection

Constructors

Section titled "Constructors"

IgxDropDownBaseDirective 

new IgxDropDownBaseDirective(): IgxDropDownBaseDirective

Returns IgxDropDownBaseDirective

Properties

Section titled "Properties"

collapsed

Section titled "collapsed"

Gets if the dropdown is collapsed

 
collapsed: boolean

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:194

document

Section titled "document" 
document: Document

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:26

height

Section titled "height"

Gets/Sets the height of the drop down

// get
let myDropDownCurrentHeight = this.dropdown.height;
<!--set-->
<igx-drop-down [height]='400px'></igx-drop-down>
height: string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:66

maxHeight

Section titled "maxHeight"

Gets/Sets the drop down's container max height.

// get
let maxHeight = this.dropdown.maxHeight;
<!--set-->
<igx-drop-down [maxHeight]='200px'></igx-drop-down>
maxHeight: any = null

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:103

selectionChanging

Section titled "selectionChanging"

Emitted when item selection is changing, before the selection completes

<igx-drop-down (selectionChanging)='handleSelection()'></igx-drop-down>
selectionChanging: EventEmitter<ISelectionEventArgs>

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:36

width

Section titled "width"

Gets/Sets the width of the drop down

// get
let myDropDownCurrentWidth = this.dropdown.width;
<!--set-->
<igx-drop-down [width]='160px'></igx-drop-down>
width: string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:51

Accessors

Section titled "Accessors"

element

Section titled "element"

Get dropdown html element

let myDropDownElement = this.dropdown.element;
get element(): any

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:158

Returns any

headers

Section titled "headers"

Get all header items

let myDropDownHeaderItems = this.dropdown.headers;
get headers(): IgxDropDownItemBaseDirective[]

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:138

Returns IgxDropDownItemBaseDirective[]

id

Section titled "id"

Gets/Sets the drop down's id

// get
let myDropDownCurrentId = this.dropdown.id;
<!--set-->
<igx-drop-down [id]='newDropDownId'></igx-drop-down>
get id(): string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:82

Returns string 

set id(value: string): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:85

Parameters

  • value: string

Returns void

items

Section titled "items"

Get all non-header items

let myDropDownItems = this.dropdown.items;
get items(): IgxDropDownItemBaseDirective[]

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:118

Returns IgxDropDownItemBaseDirective[]

Methods

Section titled "Methods"
Section titled "navigateItem"

Navigates to the item on the specified index

 
navigateItem(newIndex: number): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:246

Parameters

  • newIndex: number

    number - the index of the item in the items collection

Returns void

ngOnInit

Section titled "ngOnInit"

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

 
ngOnInit(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:196

Returns void

onItemActionKey

Section titled "onItemActionKey"

Keydown Handler

 
onItemActionKey(key: DropDownActionKey, event: Event): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts:201

Parameters

Returns void