<div class="header-panel member">
<h2><span class="identifier">Popup</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.input.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.input.Module.html"><span class="identifier">wijmo.input</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
<dt>Derived Classes</dt><dd><a href="topic/wijmo-wijmo.angular2.input.WjPopup.Class.html"><span class="identifier">WjPopup</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>Class that shows an element as a popup.</p>
<p>Popups may be have <a href="topic/wijmo.input.Popup.Class.html/#owner"><span class="identifier">owner</span></a> elements, in which case they behave
as rich tooltips that may be shown or hidden based on actions
specified by the <a href="topic/wijmo.input.Popup.Class.html/#showTrigger"><span class="identifier">showTrigger</span></a> and <a href="topic/wijmo.input.Popup.Class.html/#hideTrigger"><span class="identifier">hideTrigger</span></a>
properties.</p>
<p>Popups with no owner elements behave like dialogs. They are centered
on the screen and displayed using the <a href="topic/wijmo.input.Popup.Class.html/#show"><span class="identifier">show</span></a> method.</p>
<p>To close a <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>, call the <a href="topic/wijmo.input.Popup.Class.html/#hide"><span class="identifier">hide</span></a> method.</p>
<p>Alternatively, any clickable elements within a <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> that have
the classes starting with the 'wj-hide' string will hide the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>
when clicked and will set the <a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> property to the
class name so the caller may take appropriate action.</p>
<p>For example, the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> below will be hidden when the user presses
the OK or Cancel buttons, and the <a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> property will
be set to either 'wj-hide-cancel' or 'wj-hide-ok':</p>


<pre>&lt;button id="btnPopup"&gt;Show Popup&lt;/button&gt;
&lt;wj-popup owner="#btnPopup" style="padding:12px"&gt;
  &lt;p&gt;Press one of the buttons below to hide the Popup.&lt;/p&gt;
  &lt;hr/&gt;
  &lt;button class="wj-hide-ok" ng-click="handleOK()"&gt;OK&lt;/button&gt;
  &lt;button class="wj-hide-cancel"&gt;Cancel&lt;/button&gt;
&lt;/wj-popup&gt;</pre>
<p>The example below shows how you can use the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> control to implement
popups attached to owner elements and dialogs:</p>
<p><div class="member-panel example"><h3 class="node collapsed">Example</h3><div class="fiddle"><script async src="https://jsfiddle.net/Wijmo5/j9t6s1xp/embed/result,html,js,css"></script></div></div></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"><a href="topic/wijmo.input.Popup.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#content">content</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#dialogResult">dialogResult</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#dialogResultEnter">dialogResultEnter</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#fadeIn">fadeIn</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#fadeOut">fadeOut</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#hideTrigger">hideTrigger</a></li>
<li class="mproperty inherited"><a href="topic/wijmo.input.Popup.Class.html/#hostElement">hostElement</a></li>
<li class="mproperty inherited"><a href="topic/wijmo.input.Popup.Class.html/#isDisabled">isDisabled</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#isDraggable">isDraggable</a></li>
<li class="mproperty inherited"><a href="topic/wijmo.input.Popup.Class.html/#isTouching">isTouching</a></li>
<li class="mproperty inherited"><a href="topic/wijmo.input.Popup.Class.html/#isUpdating">isUpdating</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#isVisible">isVisible</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#modal">modal</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#owner">owner</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#removeOnHide">removeOnHide</a></li>
<li class="mproperty inherited"><a href="topic/wijmo.input.Popup.Class.html/#rightToLeft">rightToLeft</a></li>
<li class="mproperty"><a href="topic/wijmo.input.Popup.Class.html/#showTrigger">showTrigger</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#addEventListener">addEventListener</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#applyTemplate">applyTemplate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#beginUpdate">beginUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#containsFocus">containsFocus</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#deferUpdate">deferUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#dispose">dispose</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#disposeAll">disposeAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#endUpdate">endUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#focus">focus</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#getControl">getControl</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#getTemplate">getTemplate</a></li>
<li class="mmethod"><a href="topic/wijmo.input.Popup.Class.html/#hide">hide</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#initialize">initialize</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#invalidate">invalidate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#invalidateAll">invalidateAll</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo.input.Popup.Class.html/#onGotFocus">onGotFocus</a></li>
<li class="mmethod raiser"><a href="topic/wijmo.input.Popup.Class.html/#onHidden">onHidden</a></li>
<li class="mmethod raiser"><a href="topic/wijmo.input.Popup.Class.html/#onHiding">onHiding</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo.input.Popup.Class.html/#onLostFocus">onLostFocus</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo.input.Popup.Class.html/#onRefreshed">onRefreshed</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo.input.Popup.Class.html/#onRefreshing">onRefreshing</a></li>
<li class="mmethod raiser"><a href="topic/wijmo.input.Popup.Class.html/#onShowing">onShowing</a></li>
<li class="mmethod raiser"><a href="topic/wijmo.input.Popup.Class.html/#onShown">onShown</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#refresh">refresh</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#refreshAll">refreshAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo.input.Popup.Class.html/#removeEventListener">removeEventListener</a></li>
<li class="mmethod"><a href="topic/wijmo.input.Popup.Class.html/#show">show</a></li>
</ul>
<h3 class="node">Events</h3>
<ul>
<li class="mevent inherited"><a href="topic/wijmo.input.Popup.Class.html/#gotFocus">gotFocus</a></li>
<li class="mevent"><a href="topic/wijmo.input.Popup.Class.html/#hidden">hidden</a></li>
<li class="mevent"><a href="topic/wijmo.input.Popup.Class.html/#hiding">hiding</a></li>
<li class="mevent inherited"><a href="topic/wijmo.input.Popup.Class.html/#lostFocus">lostFocus</a></li>
<li class="mevent inherited"><a href="topic/wijmo.input.Popup.Class.html/#refreshed">refreshed</a></li>
<li class="mevent inherited"><a href="topic/wijmo.input.Popup.Class.html/#refreshing">refreshing</a></li>
<li class="mevent"><a href="topic/wijmo.input.Popup.Class.html/#showing">showing</a></li>
<li class="mevent"><a href="topic/wijmo.input.Popup.Class.html/#shown">shown</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod">
<h3>constructor</h3>
<pre>constructor(element: <span class="identifier">any</span>, options?: <span class="identifier">any</span>): <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</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 CSS selector for the host element (e.g. '#theCtrl').</p></li><li><b>options</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>JavaScript object containing initialization data for the control.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</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="content" class="member-panel mproperty">
<h3>content</h3>
<div class="comment"><p>Gets or sets the HTML element contained in this <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p></div>
<dl class="dl-horizontal">
  <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="dialogResult" class="member-panel mproperty">
<h3>dialogResult</h3>
<div class="comment"><p>Gets or sets a value that can be used for handling the content of the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>
after it is hidden.</p>
<p>This property is set to null when the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is displayed, and it can be
set in response to button click events or in the call to the <a href="topic/wijmo.input.Popup.Class.html/#hide"><span class="identifier">hide</span></a> method.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="dialogResultEnter" class="member-panel mproperty">
<h3>dialogResultEnter</h3>
<div class="comment"><p>Gets or sets a value to be used as a <a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> when the user presses
the Enter key while the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is visible.</p>
<p>If the user presses Enter and the <a href="topic/wijmo.input.Popup.Class.html/#dialogResultEnter"><span class="identifier">dialogResultEnter</span></a> property is not null,
the popup checks whether all its child elements are in a valid state.
If so, the popup is closed and the <a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> property is set to
the value of the <a href="topic/wijmo.input.Popup.Class.html/#dialogResultEnter"><span class="identifier">dialogResultEnter</span></a> property.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="fadeIn" class="member-panel mproperty">
<h3>fadeIn</h3>
<div class="comment"><p>Gets or sets a value that determines whether the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> should
use a fade-out animation when it is shown.</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="fadeOut" class="member-panel mproperty">
<h3>fadeOut</h3>
<div class="comment"><p>Gets or sets a value that determines whether the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> should
use a fade-out animation when it is hidden.</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="hideTrigger" class="member-panel mproperty">
<h3>hideTrigger</h3>
<div class="comment"><p>Gets or sets the actions that hide the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p>
<p>By default, the <a href="topic/wijmo.input.Popup.Class.html/#hideTrigger"><span class="identifier">hideTrigger</span></a> property is set to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">Blur</span></a>,
which hides the popup when it loses focus.</p>
<p>If you set the <a href="topic/wijmo.input.Popup.Class.html/#hideTrigger"><span class="identifier">hideTrigger</span></a> property to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">Click</span></a>, the popup
will be hidden only when the owner element is clicked.</p>
<p>If you set the <a href="topic/wijmo.input.Popup.Class.html/#hideTrigger"><span class="identifier">hideTrigger</span></a> property to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">None</span></a>, the popup
will be hidden only when the <a href="topic/wijmo.input.Popup.Class.html/#hide"><span class="identifier">hide</span></a> method is called.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">PopupTrigger</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="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="isDraggable" class="member-panel mproperty">
<h3>isDraggable</h3>
<div class="comment"><p>Gets or sets a value that determines whether the popup can be dragged
with the mouse by its header.</p>
<p>The header is identified by the '.wj-dialog-header' CSS selector.
If the dialog does not contain any elements with the 'wj-dialog-header' 
class, user will not be able to drag the popup.</p>
<p>When making popups draggable, you may want to set the cursor property
of the '.wj-dialog-header' CSS selector. For example:</p>


<pre>&lt;style&gt;
  .wj-popup {
    width: 30%;
  }
  .wj-dialog-header {
    cursor: move;
  }
&lt;/style&gt;</pre></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="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="isVisible" class="member-panel mproperty">
<h3>isVisible</h3>
<div class="comment"><p>Gets a value that determines whether the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is currently visible.</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="modal" class="member-panel mproperty">
<h3>modal</h3>
<div class="comment"><p>Gets or sets a value that determines whether the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> should
be displayed as a modal dialog.</p>
<p>Modal dialogs show a dark backdrop that makes the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> stand
out from other content on the page.</p>
<p>If you want to make a dialog truly modal, also set the <a href="topic/wijmo.input.Popup.Class.html/#hideTrigger"><span class="identifier">hideTrigger</span></a>
property to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">None</span></a>, so users won't be able to click the
backdrop to dismiss the dialog. In this case, the dialog will close only
if the <a href="topic/wijmo.input.Popup.Class.html/#hide"><span class="identifier">hide</span></a> method is called or if the user presses the Escape
key.</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="owner" class="member-panel mproperty">
<h3>owner</h3>
<div class="comment"><p>Gets or sets the element that owns this <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p>
<p>If the <a href="topic/wijmo.input.Popup.Class.html/#owner"><span class="identifier">owner</span></a> is null, the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> behaves like a dialog.
It is centered on the screen and must be shown using the 
<a href="topic/wijmo.input.Popup.Class.html/#show"><span class="identifier">show</span></a> method.</p></div>
<dl class="dl-horizontal">
  <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="removeOnHide" class="member-panel mproperty">
<h3>removeOnHide</h3>
<div class="comment"><p>Gets or sets a value that determines whether the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> element
should be removed from the DOM when the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is hidden, as
opposed to being hidden.</p>
<p>This property is set to true by default.</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="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="showTrigger" class="member-panel mproperty">
<h3>showTrigger</h3>
<div class="comment"><p>Gets or sets the actions that show the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p>
<p>By default, the <a href="topic/wijmo.input.Popup.Class.html/#showTrigger"><span class="identifier">showTrigger</span></a> property is set to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">Click</span></a>,
which causes the popup to appear when the user clicks the owner element.</p>
<p>If you set the <a href="topic/wijmo.input.Popup.Class.html/#showTrigger"><span class="identifier">showTrigger</span></a> property to <a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">None</span></a>, the popup
will be shown only when the <a href="topic/wijmo.input.Popup.Class.html/#show"><span class="identifier">show</span></a> method is called.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="topic/wijmo.input.PopupTrigger.Enum.html"><span class="identifier">PopupTrigger</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.input.Popup.Class.html/#dispose"><span class="identifier">dispose</span></a> and <a href="topic/wijmo.input.Popup.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.input.Popup.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="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.input.Popup.Class.html/#beginUpdate"><span class="identifier">beginUpdate</span></a>/<a href="topic/wijmo.input.Popup.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.input.Popup.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.input.Popup.Class.html/#dispose"><span class="identifier">dispose</span></a> method automatically removes any event listeners added
with the <a href="topic/wijmo.input.Popup.Class.html/#addEventListener"><span class="identifier">addEventListener</span></a> method.</p>
<p>Calling the <a href="topic/wijmo.input.Popup.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.input.Popup.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 hosts the control, or a CSS 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="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">
<h3>hide</h3>
<pre>hide(dialogResult?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Hides the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>dialogResult</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Optional value assigned to the <a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> property
before closing the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></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.input.Popup.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="onHidden" class="member-panel mmethod raiser">
<h3>onHidden</h3>
<pre>onHidden(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.input.Popup.Class.html/#hidden"><span class="identifier">hidden</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>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onHiding" class="member-panel mmethod raiser">
<h3>onHiding</h3>
<pre>onHiding(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.input.Popup.Class.html/#hiding"><span class="identifier">hiding</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>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="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.input.Popup.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.input.Popup.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.input.Popup.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="onShowing" class="member-panel mmethod raiser">
<h3>onShowing</h3>
<pre>onShowing(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.input.Popup.Class.html/#showing"><span class="identifier">showing</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>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="onShown" class="member-panel mmethod raiser">
<h3>onShown</h3>
<pre>onShown(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.input.Popup.Class.html/#shown"><span class="identifier">shown</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>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.input.Popup.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="show" class="member-panel mmethod">
<h3>show</h3>
<pre>show(modal?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>, handleResult?: <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>Shows the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>modal</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 show the popup as a modal dialog. If provided, this 
sets the value of the <a href="topic/wijmo.input.Popup.Class.html/#modal"><span class="identifier">modal</span></a> property.</p></li><li><b>handleResult</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a> <span class="badge">Optional</span><br/><p>Callback invoked when the popup is hidden. If provided,
this should be a function that receives the popup as a parameter.</p>
<p>The <b>handleResult</b> callback allows callers to handle the result of modal
dialogs without attaching handlers to the <a href="topic/wijmo.input.Popup.Class.html/#hidden"><span class="identifier">hidden</span></a> event. For example,
the code below shows a dialog used to edit the current item in a
<a href="topic/wijmo.collections.CollectionView.Class.html"><span class="identifier">CollectionView</span></a>. The edits are committed or canceled depending on the
<a href="topic/wijmo.input.Popup.Class.html/#dialogResult"><span class="identifier">dialogResult</span></a> value. For example:</p>


<pre>$scope.editCurrentItem = function () {
  $scope.data.editItem($scope.data.currentItem);
  $scope.itemEditor.show(true, function (e) {
    if (e.dialogResult == 'wj-hide-ok') {
      $scope.data.commitEdit();
    } else {
      $scope.data.cancelEdit();
    }
  });
}</pre></li></ul>
<dl class="dl-horizontal">
  <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="hidden" class="member-panel mevent">
<h3>hidden</h3>
<div class="comment"><p>Occurs after the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> has been hidden.</p></div>
<dl class="dl-horizontal">
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="hiding" class="member-panel mevent">
<h3>hiding</h3>
<div class="comment"><p>Occurs before the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is hidden.</p></div>
<dl class="dl-horizontal">
  <dt>Arguments</dt><dd><a href="topic/wijmo.CancelEventArgs.Class.html"><span class="identifier">CancelEventArgs</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="showing" class="member-panel mevent">
<h3>showing</h3>
<div class="comment"><p>Occurs before the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> is shown.</p></div>
<dl class="dl-horizontal">
  <dt>Arguments</dt><dd><a href="topic/wijmo.CancelEventArgs.Class.html"><span class="identifier">CancelEventArgs</span></a></dd>
</dl>
</div>
<div id="shown" class="member-panel mevent">
<h3>shown</h3>
<div class="comment"><p>Occurs after the <a href="topic/wijmo.input.Popup.Class.html"><span class="identifier">Popup</span></a> has been shown.</p></div>
<dl class="dl-horizontal">
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
</div>
