<div class="header-panel member">
<h2><span class="identifier">WjMenu</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular2.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo-wijmo.angular2.input.Module.html"><span class="identifier">wijmo/wijmo.angular2.input</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>Angular 2 component for the <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a> control.</p>
<p>Use the <b>wj-menu</b> component to add <b>Menu</b> controls to your
Angular 2 applications. For details about Angular 2 markup syntax, see 
<a href="static/angular2Markup.html">Angular 2 Markup</a>.  </p>
<p>The <b>WjMenu</b> component is derived from the <b>Menu</b> control and
inherits all its properties, events and methods. </p>
<p>The <b>wj-menu</b> component may contain the following child components:
<a href="topic/wijmo-wijmo.angular2.input.WjMenuItem.Class.html"><span class="identifier">WjMenuItem</span></a>
, <a href="topic/wijmo-wijmo.angular2.input.WjMenuSeparator.Class.html"><span class="identifier">WjMenuSeparator</span></a>
 and <a href="topic/wijmo-wijmo.angular2.input.WjItemTemplate.Class.html"><span class="identifier">WjItemTemplate</span></a>.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<h3 class="node">Constructor</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#asyncBindings">asyncBindings</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#autoExpandSelection">autoExpandSelection</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#collectionView">collectionView</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#command">command</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#commandParameterPath">commandParameterPath</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#commandPath">commandPath</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#controlTemplate">controlTemplate</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#displayMemberPath">displayMemberPath</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dropDown">dropDown</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dropDownCssClass">dropDownCssClass</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#formatItem">formatItem</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#formatItemNg">formatItemNg</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#gotFocusNg">gotFocusNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#header">header</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#headerPath">headerPath</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#hostElement">hostElement</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#initialized">initialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#inputElement">inputElement</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isAnimated">isAnimated</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isButton">isButton</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isContentHtml">isContentHtml</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDisabled">isDisabled</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDown">isDroppedDown</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChangedNg">isDroppedDownChangedNg</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChangingNg">isDroppedDownChangingNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isEditable">isEditable</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isInitialized">isInitialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isReadOnly">isReadOnly</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isRequired">isRequired</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isTouching">isTouching</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isUpdating">isUpdating</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemClickedNg">itemClickedNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemFormatter">itemFormatter</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemsSource">itemsSource</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#listBox">listBox</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#lostFocusNg">lostFocusNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#maxDropDownHeight">maxDropDownHeight</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#maxDropDownWidth">maxDropDownWidth</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#owner">owner</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#placeholder">placeholder</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#rightToLeft">rightToLeft</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndex">selectedIndex</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndexChangedNg">selectedIndexChangedNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedItem">selectedItem</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedValue">selectedValue</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedValuePath">selectedValuePath</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#showDropDownButton">showDropDownButton</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#text">text</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#textChangedNg">textChangedNg</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#wjModelProperty">wjModelProperty</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#addEventListener">addEventListener</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#applyTemplate">applyTemplate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#beginUpdate">beginUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#containsFocus">containsFocus</a></li>
<li class="mmethod"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#created">created</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#deferUpdate">deferUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dispose">dispose</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#disposeAll">disposeAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#endUpdate">endUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#focus">focus</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#getControl">getControl</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#getDisplayText">getDisplayText</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#getTemplate">getTemplate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#hide">hide</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#indexOf">indexOf</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#initialize">initialize</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#invalidate">invalidate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#invalidateAll">invalidateAll</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onGotFocus">onGotFocus</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onIsDroppedDownChanged">onIsDroppedDownChanged</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onIsDroppedDownChanging">onIsDroppedDownChanging</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onItemClicked">onItemClicked</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onItemsSourceChanged">onItemsSourceChanged</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onLostFocus">onLostFocus</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onRefreshed">onRefreshed</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onRefreshing">onRefreshing</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onSelectedIndexChanged">onSelectedIndexChanged</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#onTextChanged">onTextChanged</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refresh">refresh</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refreshAll">refreshAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#removeEventListener">removeEventListener</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectAll">selectAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#show">show</a></li>
</ul>
<h3 class="node">Events</h3>
<ul>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#gotFocus">gotFocus</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChanged">isDroppedDownChanged</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChanging">isDroppedDownChanging</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemClicked">itemClicked</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemsSourceChanged">itemsSourceChanged</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#lostFocus">lostFocus</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refreshed">refreshed</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refreshing">refreshing</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndexChanged">selectedIndexChanged</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#textChanged">textChanged</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod inherited">
<h3>constructor</h3>
<pre>constructor(element: <span class="identifier">any</span>, options?): <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a> class.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>element</b>: <span class="identifier">any</span><br/><p>The DOM element that hosts the control, or a selector for the host element (e.g. '#theCtrl').</p></li><li><b>options</b>:  <span class="badge">Optional</span><br/><p>The JavaScript object containing initialization data for the control.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
</dl>
</div>
<h3 class="node">Properties</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="asyncBindings" class="member-panel mproperty">
<h3>asyncBindings</h3>
<div class="comment"><p>Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
See the <b>WjOptions.</b><a href="topic/wijmo-wijmo.angular2.directiveBase.WjOptions.Class.html/#asyncBindings"><span class="identifier">asyncBindings</span></a> property description for details.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="autoExpandSelection" class="member-panel mproperty inherited">
<h3>autoExpandSelection</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the control should automatically expand the 
selection to whole words/numbers when the control is clicked.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="collectionView" class="member-panel mproperty inherited">
<h3>collectionView</h3>
<div class="comment"><p>Gets the <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a> object used as the item source.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a></dd>
</dl>
</div>
<div id="command" class="member-panel mproperty inherited">
<h3>command</h3>
<div class="comment"><p>Gets or sets the command to execute when an item is clicked.</p>
<p>Commands are objects that implement two methods:
<ul>
 <li><b>executeCommand(parameter)</b> This method executes the command.</li>
 <li><b>canExecuteCommand(parameter)</b> This method returns a Boolean value
     that determines whether the controller can execute the command.
     If this method returns false, the menu option is disabled.</li>
</ul></p>
<p>You can also set commands on individual items using the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#commandPath"><span class="identifier">commandPath</span></a>
property.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="commandParameterPath" class="member-panel mproperty inherited">
<h3>commandParameterPath</h3>
<div class="comment"><p>Gets or sets the name of the property that contains a parameter to use with
the command specified by the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#commandPath"><span class="identifier">commandPath</span></a> property.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="commandPath" class="member-panel mproperty inherited">
<h3>commandPath</h3>
<div class="comment"><p>Gets or sets the name of the property that contains the command to 
execute when the user clicks an item.</p>
<p>Commands are objects that implement two methods:
<ul>
 <li><b>executeCommand(parameter)</b> This method executes the command.</li>
 <li><b>canExecuteCommand(parameter)</b> This method returns a Boolean value
     that determines whether the controller can execute the command.
     If this method returns false, the menu option is disabled.</li>
</ul></p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="controlTemplate" class="member-panel mproperty inherited">
<h3><span class="badge">Static</span> controlTemplate</h3>
<div class="comment"><p>Gets or sets the template used to instantiate <a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a> controls.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="displayMemberPath" class="member-panel mproperty inherited">
<h3>displayMemberPath</h3>
<div class="comment"><p>Gets or sets the name of the property to use as the visual representation of the items.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="dropDown" class="member-panel mproperty inherited">
<h3>dropDown</h3>
<div class="comment"><p>Gets the drop down element shown when the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDown"><span class="identifier">isDroppedDown</span></a> 
property is set to true.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="dropDownCssClass" class="member-panel mproperty inherited">
<h3>dropDownCssClass</h3>
<div class="comment"><p>Gets or sets a CSS class name to add to the control's drop-down element.</p>
<p>This property is useful when styling the drop-down element, because it is
shown as a child of the document body rather than as a child of the control
itself, which prevents using CSS selectors based on the parent control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="formatItem" class="member-panel mproperty inherited">
<h3>formatItem</h3>
<div class="comment"><p>Event that fires when items in the drop-down list are created.</p>
<p>You can use this event to modify the HTML in the list items.
For details, see the <a href="topic/wijmo.input.ListBox.Class.html/#formatItem"><span class="identifier">formatItem</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.Event.Class.html"><span class="identifier">Event</span></a></dd>
</dl>
</div>
<div id="formatItemNg" class="member-panel mproperty">
<h3>formatItemNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>formatItem</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="gotFocusNg" class="member-panel mproperty">
<h3>gotFocusNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>gotFocus</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="header" class="member-panel mproperty inherited">
<h3>header</h3>
<div class="comment"><p>Gets or sets the HTML text shown in the <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a> element.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="headerPath" class="member-panel mproperty inherited">
<h3>headerPath</h3>
<div class="comment"><p>Gets or sets the name of a property to use for getting the value displayed in the
control's input element.</p>
<p>The default value for this property is null, which causes the control to display
the same content in the input element as in the selected item of the drop-down list.</p>
<p>Use this property if you want to de-couple the value shown in the input element
from the values shown in the drop-down list. For example, the input element could
show an item's name and the drop-down list could show additional detail.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="hostElement" class="member-panel mproperty inherited">
<h3>hostElement</h3>
<div class="comment"><p>Gets the DOM element that is hosting the control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="initialized" class="member-panel mproperty">
<h3>initialized</h3>
<div class="comment"><p>This event is triggered after the component has been initialized by Angular, that is
all bound properties have been assigned and child components (if any) have been initialized.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="inputElement" class="member-panel mproperty inherited">
<h3>inputElement</h3>
<div class="comment"><p>Gets the HTML input element hosted by the control.</p>
<p>Use this property in situations where you want to customize the
attributes of the input element.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement" target="_blank"><span class="identifier">HTMLInputElement</span></a></dd>
</dl>
</div>
<div id="isAnimated" class="member-panel mproperty inherited">
<h3>isAnimated</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the control should use a fade-in animation
when displaying the drop-down.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isButton" class="member-panel mproperty inherited">
<h3>isButton</h3>
<div class="comment"><p>Gets or sets a value that determines whether this <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a> should act
as a split button instead of a regular menu.</p>
<p>The difference between regular menus and split buttons is what happens 
when the user clicks the menu header.
In regular menus, clicking the header shows or hides the menu options.
In split buttons, clicking the header raises the <a href="topic/wijmo.input.Menu.Class.html/#itemClicked"><span class="identifier">itemClicked</span></a>
event and/or invokes the command associated with the last option selected by
the user as if the user had picked the item from the drop-down list.</p>
<p>If you want to differentiate between clicks on menu items and the button
part of a split button, check the value of the <a href="topic/wijmo.input.Menu.Class.html/#isDroppedDown"><span class="identifier">isDroppedDown</span></a> property
of the event sender. If that is true, then a menu item was clicked; if it 
is false, then the button was clicked.</p>
<p>For example, the code below implements a split button that uses the drop-down
list only to change the default item/command, and triggers actions only when
the button is clicked:</p>


<pre>&lt;-- view --&gt;
&lt;wj-menu is-button="true" header="Run" value="browser"
  item-clicked="itemClicked(s, e)"&gt;
  &lt;wj-menu-item value="'Internet Explorer'"&gt;Internet Explorer&lt;/wj-menu-item&gt;
  &lt;wj-menu-item value="'Chrome'"&gt;Chrome&lt;/wj-menu-item&gt;
  &lt;wj-menu-item value="'Firefox'"&gt;Firefox&lt;/wj-menu-item&gt;
  &lt;wj-menu-item value="'Safari'"&gt;Safari&lt;/wj-menu-item&gt;
  &lt;wj-menu-item value="'Opera'"&gt;Opera&lt;/wj-menu-item&gt;
&lt;/wj-menu&gt;

// controller
$scope.browser = 'Internet Explorer';
$scope.itemClicked = function (s, e) {

  // if not dropped down, click was on the button
  if (!s.isDroppedDown) {
    alert('running ' + $scope.browser);
  }
}</pre></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isContentHtml" class="member-panel mproperty inherited">
<h3>isContentHtml</h3>
<div class="comment"><p>Gets or sets a value indicating whether the drop-down list displays
items as plain text or as HTML.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isDisabled" class="member-panel mproperty inherited">
<h3>isDisabled</h3>
<div class="comment"><p>Gets or sets a value that determines whether the control is disabled.</p>
<p>Disabled controls cannot get mouse or keyboard events.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isDroppedDown" class="member-panel mproperty inherited">
<h3>isDroppedDown</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the drop down is currently visible.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isDroppedDownChangedNg" class="member-panel mproperty">
<h3>isDroppedDownChangedNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="isDroppedDownChangingNg" class="member-panel mproperty">
<h3>isDroppedDownChangingNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="isEditable" class="member-panel mproperty inherited">
<h3>isEditable</h3>
<div class="comment"><p>Gets or sets a value that determines whether the content of the
input element should be restricted to items in the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemsSource"><span class="identifier">itemsSource</span></a>
collection.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isInitialized" class="member-panel mproperty">
<h3>isInitialized</h3>
<div class="comment"><p>Indicates whether the component has been initialized by Angular.
Changes its value from false to true right before triggering the <b>initialized</b> event.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isReadOnly" class="member-panel mproperty inherited">
<h3>isReadOnly</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the user can modify
the control value using the mouse and keyboard.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isRequired" class="member-panel mproperty inherited">
<h3>isRequired</h3>
<div class="comment"><p>Gets or sets a value that determines whether the control value must be set to 
a non-null value or whether it can be set to null 
(by deleting the content of the control).</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isTouching" class="member-panel mproperty inherited">
<h3>isTouching</h3>
<div class="comment"><p>Gets a value that indicates whether the control is currently handling a touch event.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isUpdating" class="member-panel mproperty inherited">
<h3>isUpdating</h3>
<div class="comment"><p>Gets a value that indicates whether the control is currently being updated.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="itemClickedNg" class="member-panel mproperty">
<h3>itemClickedNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>itemClicked</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>itemClicked</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="itemFormatter" class="member-panel mproperty inherited">
<h3>itemFormatter</h3>
<div class="comment"><p>Gets or sets a function used to customize the values shown in the
drop-down list.
The function takes two arguments, the item index and the default
text or html, and returns the new text or html to display.</p>
<p>If the formatting function needs a scope (i.e. a meaningful 'this'
value), then remember to set the filter using the 'bind' function to
specify the 'this' object. For example:</p>


<pre>comboBox.itemFormatter = customItemFormatter.bind(this);
  function customItemFormatter(index, content) {
    if (this.makeItemBold(index)) {
      content = '&lt;b&gt;' + content + '&lt;/b&gt;';
    }
    return content;
  }</pre></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a></dd>
</dl>
</div>
<div id="itemsSource" class="member-panel mproperty inherited">
<h3>itemsSource</h3>
<div class="comment"><p>Gets or sets the array or <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a> object that contains the items to select from.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="listBox" class="member-panel mproperty inherited">
<h3>listBox</h3>
<div class="comment"><p>Gets the <a href="topic/wijmo.input.ListBox.Class.html"><span class="identifier">ListBox</span></a> control shown in the drop-down.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.input.ListBox.Class.html"><span class="identifier">ListBox</span></a></dd>
</dl>
</div>
<div id="lostFocusNg" class="member-panel mproperty">
<h3>lostFocusNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>lostFocus</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="maxDropDownHeight" class="member-panel mproperty inherited">
<h3>maxDropDownHeight</h3>
<div class="comment"><p>Gets or sets the maximum height of the drop-down list.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="maxDropDownWidth" class="member-panel mproperty inherited">
<h3>maxDropDownWidth</h3>
<div class="comment"><p>Gets or sets the maximum width of the drop-down list.</p>
<p>The width of the drop-down list is also limited by the width of 
the control itself (that value represents the drop-down's minimum width).</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="owner" class="member-panel mproperty inherited">
<h3>owner</h3>
<div class="comment"><p>Gets or sets the element that owns this <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a>.</p>
<p>This variable is set by the wj-context-menu directive in case a single
menu is used as a context menu for several different elements.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="placeholder" class="member-panel mproperty inherited">
<h3>placeholder</h3>
<div class="comment"><p>Gets or sets the string shown as a hint when the control is empty.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="rightToLeft" class="member-panel mproperty inherited">
<h3>rightToLeft</h3>
<div class="comment"><p>Gets a value indicating whether the control is hosted in an element
with right-to-left layout.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="selectedIndex" class="member-panel mproperty inherited">
<h3>selectedIndex</h3>
<div class="comment"><p>Gets or sets the index of the currently selected item in the drop-down list.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="selectedIndexChangedNg" class="member-panel mproperty">
<h3>selectedIndexChangedNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="selectedItem" class="member-panel mproperty inherited">
<h3>selectedItem</h3>
<div class="comment"><p>Gets or sets the item that is currently selected in the drop-down list.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="selectedValue" class="member-panel mproperty inherited">
<h3>selectedValue</h3>
<div class="comment"><p>Gets or sets the value of the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedItem"><span class="identifier">selectedItem</span></a>, obtained using the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedValuePath"><span class="identifier">selectedValuePath</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="selectedValuePath" class="member-panel mproperty inherited">
<h3>selectedValuePath</h3>
<div class="comment"><p>Gets or sets the name of the property used to get the
<a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedValue"><span class="identifier">selectedValue</span></a> from the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedItem"><span class="identifier">selectedItem</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="showDropDownButton" class="member-panel mproperty inherited">
<h3>showDropDownButton</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the control should display a drop-down button.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="text" class="member-panel mproperty inherited">
<h3>text</h3>
<div class="comment"><p>Gets or sets the text shown on the control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="textChangedNg" class="member-panel mproperty">
<h3>textChangedNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>textChanged</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="wjModelProperty" class="member-panel mproperty">
<h3>wjModelProperty</h3>
<div class="comment"><p>Defines a name of a property represented by [(ngModel)] directive (if specified). 
Default value is 'selectedValue'.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
</div>
<h3 class="node">Methods</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="addEventListener" class="member-panel mmethod inherited">
<h3>addEventListener</h3>
<pre>addEventListener(target: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a>, type: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, fn: <span class="identifier">any</span>, capture?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Adds an event listener to an element owned by this <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a>.</p>
<p>The control keeps a list of attached listeners and their handlers,
making it easier to remove them when the control is disposed (see the
<a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dispose"><span class="identifier">dispose</span></a> and <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#removeEventListener"><span class="identifier">removeEventListener</span></a> methods).</p>
<p>Failing to remove event listeners may cause memory leaks.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>target</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a><br/><p>Target element for the event.</p></li><li><b>type</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>String that specifies the event.</p></li><li><b>fn</b>: <span class="identifier">any</span><br/><p>Function to execute when the event occurs.</p></li><li><b>capture</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether the listener is capturing.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="applyTemplate" class="member-panel mmethod inherited">
<h3>applyTemplate</h3>
<pre>applyTemplate(classNames: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, template: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, parts: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank"><span class="identifier">Object</span></a>, namePart?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></pre>
<div class="comment"><p>Applies the template to a new instance of a control, and returns the root element.</p>
<p>This method should be called by constructors of templated controls.
It is responsible for binding the template parts to the 
corresponding control members.</p>
<p>For example, the code below applies a template to an instance
of an <a href="topic/wijmo.input.InputNumber.Class.html"><span class="identifier">InputNumber</span></a> control. The template must contain elements 
with the 'wj-part' attribute set to 'input', 'btn-inc', and 'btn-dec'.
The control members '_tbx', '_btnUp', and '_btnDn' will be assigned
references to these elements.</p>


<pre>this.applyTemplate('wj-control wj-inputnumber', template, {
  _tbx: 'input',
  _btnUp: 'btn-inc',
  _btnDn: 'btn-dec'
}, 'input');</pre></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>classNames</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>Names of classes to add to the control's host element.</p></li><li><b>template</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>An HTML string that defines the control template.</p></li><li><b>parts</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank"><span class="identifier">Object</span></a><br/><p>A dictionary of part variables and their names.</p></li><li><b>namePart</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Name of the part to be named after the host element. This
determines how the control submits data when used in forms.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="beginUpdate" class="member-panel mmethod inherited">
<h3>beginUpdate</h3>
<pre>beginUpdate(): <span class="identifier">void</span></pre>
<div class="comment"><p>Suspends notifications until the next call to <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="containsFocus" class="member-panel mmethod inherited">
<h3>containsFocus</h3>
<pre>containsFocus(): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></pre>
<div class="comment"><p>Checks whether this control contains the focused element.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="created" class="member-panel mmethod">
<h3>created</h3>
<pre>created(): <span class="identifier">void</span></pre>
<div class="comment"><p>If you create a custom component inherited from a Wijmo component, you can override this  
method and perform necessary initializations that you usually do in a class constructor. 
This method is called in the last line of a Wijmo component constructor and allows you
to not declare your custom component's constructor at all, thus preventing you from a necessity 
to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.</p></div>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="deferUpdate" class="member-panel mmethod inherited">
<h3>deferUpdate</h3>
<pre>deferUpdate(fn: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Executes a function within a <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#beginUpdate"><span class="identifier">beginUpdate</span></a>/<a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a> block.</p>
<p>The control will not be updated until the function has been executed.
This method ensures <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a> is called even if the function throws
an exception.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fn</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a><br/><p>Function to be executed.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="dispose" class="member-panel mmethod inherited">
<h3>dispose</h3>
<pre>dispose(): <span class="identifier">void</span></pre>
<div class="comment"><p>Disposes of the control by removing its association with the host element.</p>
<p>The <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dispose"><span class="identifier">dispose</span></a> method automatically removes any event listeners added
with the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#addEventListener"><span class="identifier">addEventListener</span></a> method.</p>
<p>Calling the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#dispose"><span class="identifier">dispose</span></a> method is important in applications that create
and remove controls dynamically. Failing to dispose of the controls may
cause memory leaks.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="disposeAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> disposeAll</h3>
<pre>disposeAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Disposes of all Wijmo controls contained in an HTML element.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="endUpdate" class="member-panel mmethod inherited">
<h3>endUpdate</h3>
<pre>endUpdate(): <span class="identifier">void</span></pre>
<div class="comment"><p>Resumes notifications suspended by calls to <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#beginUpdate"><span class="identifier">beginUpdate</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="focus" class="member-panel mmethod inherited">
<h3>focus</h3>
<pre>focus(): <span class="identifier">void</span></pre>
<div class="comment"><p>Sets the focus to this control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="getControl" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> getControl</h3>
<pre>getControl(element: <span class="identifier">any</span>): <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></pre>
<div class="comment"><p>Gets the control that is hosted in a given DOM element.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>element</b>: <span class="identifier">any</span><br/><p>The DOM element that is hosting the control, or a selector for the host element (e.g. '#theCtrl').</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
</dl>
</div>
<div id="getDisplayText" class="member-panel mmethod inherited">
<h3>getDisplayText</h3>
<pre>getDisplayText(index?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></pre>
<div class="comment"><p>Gets the string displayed in the input element for the item at a 
given index (always plain text).</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>index</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a> <span class="badge">Optional</span><br/><p>The index of the item to retrieve the text for.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="getTemplate" class="member-panel mmethod inherited">
<h3>getTemplate</h3>
<pre>getTemplate(): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></pre>
<div class="comment"><p>Gets the HTML template used to create instances of the control.</p>
<p>This method traverses up the class hierarchy to find the nearest ancestor that
specifies a control template. For example, if you specify a prototype for the
<a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a> control, it will override the template defined by the <a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a> 
base class.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="hide" class="member-panel mmethod inherited">
<h3>hide</h3>
<pre>hide(): <span class="identifier">void</span></pre>
<div class="comment"><p>Hides the menu.</p>
<p>This method is useful if you want to hide a context menu displayed
with the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#show"><span class="identifier">show</span></a> method.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="indexOf" class="member-panel mmethod inherited">
<h3>indexOf</h3>
<pre>indexOf(text: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, fullMatch: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></pre>
<div class="comment"><p>Gets the index of the first item that matches a given string.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>text</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>The text to search for.</p></li><li><b>fullMatch</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a><br/><p>Whether to look for a full match or just the start of the string.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="initialize" class="member-panel mmethod inherited">
<h3>initialize</h3>
<pre>initialize(options: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Initializes the control by copying the properties from a given object.</p>
<p>This method allows you to initialize controls using plain data objects
instead of setting the value of each property in code.</p>
<p>For example:
</p>

<pre>grid.initialize({
  itemsSource: myList,
  autoGenerateColumns: false,
  columns: [
    { binding: 'id', header: 'Code', width: 130 },
    { binding: 'name', header: 'Name', width: 60 } 
  ]
});

// is equivalent to
grid.itemsSource = myList;
grid.autoGenerateColumns = false;

// etc.</pre>
<p>The initialization data is type-checked as it is applied. If the 
initialization object contains unknown property names or invalid
data types, this method will throw.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>options</b>: <span class="identifier">any</span><br/><p>Object that contains the initialization data.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="invalidate" class="member-panel mmethod inherited">
<h3>invalidate</h3>
<pre>invalidate(fullUpdate?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Invalidates the control causing an asynchronous refresh.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fullUpdate</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether to update the control layout as well as the content.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="invalidateAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> invalidateAll</h3>
<pre>invalidateAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Invalidates all Wijmo controls contained in an HTML element.</p>
<p>Use this method when your application has dynamic panels that change
the control's visibility or dimensions. For example, splitters, accordions,
and tab controls usually change the visibility of its content elements.
In this case, failing to notify the controls contained in the element
may cause them to stop working properly.</p>
<p>If this happens, you must handle the appropriate event in the dynamic
container and call the <a href="topic/wijmo.Control.Class.html/#invalidateAll"><span class="identifier">invalidateAll</span></a> method so the contained
Wijmo controls will update their layout information properly.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element. If set to null, all Wijmo controls
on the page will be invalidated.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onGotFocus" class="member-panel mmethod inherited raiser">
<h3>onGotFocus</h3>
<pre>onGotFocus(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#gotFocus"><span class="identifier">gotFocus</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onIsDroppedDownChanged" class="member-panel mmethod inherited raiser">
<h3>onIsDroppedDownChanged</h3>
<pre>onIsDroppedDownChanged(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChanged"><span class="identifier">isDroppedDownChanged</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onIsDroppedDownChanging" class="member-panel mmethod inherited raiser">
<h3>onIsDroppedDownChanging</h3>
<pre>onIsDroppedDownChanging(e: <a href="topic/wijmo.CancelEventArgs.Class.html"><span class="identifier">CancelEventArgs</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#isDroppedDownChanging"><span class="identifier">isDroppedDownChanging</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.CancelEventArgs.Class.html"><span class="identifier">CancelEventArgs</span></a><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="onItemClicked" class="member-panel mmethod inherited raiser">
<h3>onItemClicked</h3>
<pre>onItemClicked(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemClicked"><span class="identifier">itemClicked</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onItemsSourceChanged" class="member-panel mmethod inherited raiser">
<h3>onItemsSourceChanged</h3>
<pre>onItemsSourceChanged(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemsSourceChanged"><span class="identifier">itemsSourceChanged</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onLostFocus" class="member-panel mmethod inherited raiser">
<h3>onLostFocus</h3>
<pre>onLostFocus(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#lostFocus"><span class="identifier">lostFocus</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onRefreshed" class="member-panel mmethod inherited raiser">
<h3>onRefreshed</h3>
<pre>onRefreshed(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refreshed"><span class="identifier">refreshed</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onRefreshing" class="member-panel mmethod inherited raiser">
<h3>onRefreshing</h3>
<pre>onRefreshing(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#refreshing"><span class="identifier">refreshing</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onSelectedIndexChanged" class="member-panel mmethod inherited raiser">
<h3>onSelectedIndexChanged</h3>
<pre>onSelectedIndexChanged(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndexChanged"><span class="identifier">selectedIndexChanged</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onTextChanged" class="member-panel mmethod inherited raiser">
<h3>onTextChanged</h3>
<pre>onTextChanged(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#textChanged"><span class="identifier">textChanged</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="refresh" class="member-panel mmethod inherited">
<h3>refresh</h3>
<pre>refresh(fullUpdate?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Refreshes the control.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fullUpdate</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether to update the control layout as well as the content.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="refreshAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> refreshAll</h3>
<pre>refreshAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Refreshes all Wijmo controls contained in an HTML element.</p>
<p>This method is similar to <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#invalidateAll"><span class="identifier">invalidateAll</span></a>, except the controls
are updated immediately rather than after an interval.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element. If set to null, all Wijmo controls
on the page will be invalidated.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="removeEventListener" class="member-panel mmethod inherited">
<h3>removeEventListener</h3>
<pre>removeEventListener(target?: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a>, type?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, fn?: <span class="identifier">any</span>, capture?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></pre>
<div class="comment"><p>Removes one or more event listeners attached to elements owned by this <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>target</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a> <span class="badge">Optional</span><br/><p>Target element for the event. If null, removes listeners attached to all targets.</p></li><li><b>type</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>String that specifies the event. If null, removes listeners attached to all events.</p></li><li><b>fn</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Handler to remove. If null, removes all handlers.</p></li><li><b>capture</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether the listener is capturing. If null, removes capturing and non-capturing listeners.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="selectAll" class="member-panel mmethod inherited">
<h3>selectAll</h3>
<pre>selectAll(): <span class="identifier">void</span></pre>
<div class="comment"><p>Sets the focus to the control and selects all its content.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="show" class="member-panel mmethod inherited">
<h3>show</h3>
<pre>show(position?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Shows the menu at a given location.</p>
<p>This method is useful if you want to use the menu as a context
menu, attached to one or more elements on the page. For example:</p>


<pre>// create menu
var div = document.createElement('div');
var menu = new wijmo.input.Menu(div, {
    itemsSource: 'New,Open,Save,Exit'.split(','),
    itemClicked: function (s, e) {
        alert('thanks for picking ' + menu.selectedIndex);
    }
});

// use it as a context menu for one or more elements
var element = document.getElementById('btn');
element.addEventListener('contextmenu', function (e) {
    e.preventDefault();
    menu.show(e);
});</pre></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>position</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>An optional <b>MouseEvent</b> or reference element
that determines the position where the menu should be displayed.
If not provided, the menu is displayed at the center of the screen.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
</div>
<h3 class="node">Events</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="gotFocus" class="member-panel mevent inherited">
<h3>gotFocus</h3>
<div class="comment"><p>Occurs when the control gets the focus.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="isDroppedDownChanged" class="member-panel mevent inherited">
<h3>isDroppedDownChanged</h3>
<div class="comment"><p>Occurs after the drop down is shown or hidden.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="isDroppedDownChanging" class="member-panel mevent inherited">
<h3>isDroppedDownChanging</h3>
<div class="comment"><p>Occurs before the drop down is shown or hidden.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.CancelEventArgs.Class.html"><span class="identifier">CancelEventArgs</span></a></dd>
</dl>
</div>
<div id="itemClicked" class="member-panel mevent inherited">
<h3>itemClicked</h3>
<div class="comment"><p>Occurs when the user picks an item from the menu.</p>
<p>The handler can determine which item was picked by reading the event sender's
<a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndex"><span class="identifier">selectedIndex</span></a> property.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="itemsSourceChanged" class="member-panel mevent inherited">
<h3>itemsSourceChanged</h3>
<div class="comment"><p>Occurs when the value of the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#itemsSource"><span class="identifier">itemsSource</span></a> property changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="lostFocus" class="member-panel mevent inherited">
<h3>lostFocus</h3>
<div class="comment"><p>Occurs when the control loses the focus.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="refreshed" class="member-panel mevent inherited">
<h3>refreshed</h3>
<div class="comment"><p>Occurs after the control has refreshed its contents.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="refreshing" class="member-panel mevent inherited">
<h3>refreshing</h3>
<div class="comment"><p>Occurs when the control is about to refresh its contents.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="selectedIndexChanged" class="member-panel mevent inherited">
<h3>selectedIndexChanged</h3>
<div class="comment"><p>Occurs when the value of the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#selectedIndex"><span class="identifier">selectedIndex</span></a> property changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="textChanged" class="member-panel mevent inherited">
<h3>textChanged</h3>
<div class="comment"><p>Occurs when the value of the <a href="topic/wijmo-wijmo.angular2.input.WjMenu.Class.html/#text"><span class="identifier">text</span></a> property changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
</div>
