Readonly
Abstract
collapsedGets if the dropdown is collapsed
Gets/Sets the height of the drop down
// get
let myDropDownCurrentHeight = this.dropdown.height;
<!--set-->
<igx-drop-down [height]='400px'></igx-drop-down>
Gets/Sets the drop down's container max height.
// get
let maxHeight = this.dropdown.maxHeight;
<!--set-->
<igx-drop-down [maxHeight]='200px'></igx-drop-down>
Emitted when item selection is changing, before the selection completes
<igx-drop-down (selectionChanging)='handleSelection()'></igx-drop-down>
Gets/Sets the width of the drop down
// get
let myDropDownCurrentWidth = this.dropdown.width;
<!--set-->
<igx-drop-down [width]='160px'></igx-drop-down>
Returns the theme of the component.
The default theme is comfortable
.
Available options are comfortable
, cosy
, compact
.
let componentTheme = this.component.displayDensity;
Sets the theme of the component.
Get dropdown html element
let myDropDownElement = this.dropdown.element;
Get all header items
let myDropDownHeaderItems = this.dropdown.headers;
Gets/Sets the drop down's id
// get
let myDropDownCurrentId = this.dropdown.id;
<!--set-->
<igx-drop-down [id]='newDropDownId'></igx-drop-down>
Get all non-header items
let myDropDownItems = this.dropdown.items;
Navigates to the item on the specified index
number - the index of the item in the items
collection
An abstract class, defining a drop-down component, with: Properties for display styles and classes A collection items of type
IgxDropDownItemBaseDirective
Properties and methods for navigating (highlighting/focusing) items from the collection Properties and methods for selecting items from the collection