Alien-Web-ExtJS-V3
view release on metacpan or search on metacpan
share/docs/source/Window.html view on Meta::CPAN
}
</script>
</head>
<body onload="prettyPrint(); highlight();">
<pre class="prettyprint lang-js"><span id='Ext-Window-method-constructor'><span id='Ext-Window'>/**
</span></span> * @class Ext.Window
* @extends Ext.Panel
* <p>A specialized panel intended for use as an application window. Windows are floated, {@link #resizable}, and
* {@link #draggable} by default. Windows can be {@link #maximizable maximized} to fill the viewport,
* restored to their prior size, and can be {@link #minimize}d.</p>
* <p>Windows can also be linked to a {@link Ext.WindowGroup} or managed by the {@link Ext.WindowMgr} to provide
* grouping, activation, to front, to back and other application-specific behavior.</p>
* <p>By default, Windows will be rendered to document.body. To {@link #constrain} a Window to another element
* specify {@link Ext.Component#renderTo renderTo}.</p>
* <p><b>Note:</b> By default, the <code>{@link #closable close}</code> header tool <i>destroys</i> the Window resulting in
* destruction of any child Components. This makes the Window object, and all its descendants <b>unusable</b>. To enable
* re-use of a Window, use <b><code>{@link #closeAction closeAction: 'hide'}</code></b>.</p>
* @constructor
* @param {Object} config The config object
* @xtype window
*/
Ext.Window = Ext.extend(Ext.Panel, {
<span id='Ext-Window-cfg-x'> /**
</span> * @cfg {Number} x
* The X position of the left edge of the window on initial showing. Defaults to centering the Window within
* the width of the Window's container {@link Ext.Element Element) (The Element that the Window is rendered to).
*/
<span id='Ext-Window-cfg-y'> /**
</span> * @cfg {Number} y
* The Y position of the top edge of the window on initial showing. Defaults to centering the Window within
* the height of the Window's container {@link Ext.Element Element) (The Element that the Window is rendered to).
*/
<span id='Ext-Window-cfg-modal'> /**
</span> * @cfg {Boolean} modal
* True to make the window modal and mask everything behind it when displayed, false to display it without
* restricting access to other UI elements (defaults to false).
*/
<span id='Ext-Window-cfg-animateTarget'> /**
</span> * @cfg {String/Element} animateTarget
* Id or element from which the window should animate while opening (defaults to null with no animation).
*/
<span id='Ext-Window-cfg-resizeHandles'> /**
</span> * @cfg {String} resizeHandles
* A valid {@link Ext.Resizable} handles config string (defaults to 'all'). Only applies when resizable = true.
*/
<span id='Ext-Window-cfg-manager'> /**
</span> * @cfg {Ext.WindowGroup} manager
* A reference to the WindowGroup that should manage this window (defaults to {@link Ext.WindowMgr}).
*/
<span id='Ext-Window-cfg-defaultButton'> /**
</span> * @cfg {String/Number/Component} defaultButton
* <p>Specifies a Component to receive focus when this Window is focussed.</p>
* <p>This may be one of:</p><div class="mdetail-params"><ul>
* <li>The index of a footer Button.</li>
* <li>The id of a Component.</li>
* <li>A Component.</li>
* </ul></div>
*/
<span id='Ext-Window-cfg-onEsc'> /**
</span> * @cfg {Function} onEsc
* Allows override of the built-in processing for the escape key. Default action
* is to close the Window (performing whatever action is specified in {@link #closeAction}.
* To prevent the Window closing when the escape key is pressed, specify this as
* Ext.emptyFn (See {@link Ext#emptyFn}).
*/
<span id='Ext-Window-cfg-collapsed'> /**
</span> * @cfg {Boolean} collapsed
* True to render the window collapsed, false to render it expanded (defaults to false). Note that if
* {@link #expandOnShow} is true (the default) it will override the <tt>collapsed</tt> config and the window
* will always be expanded when shown.
*/
<span id='Ext-Window-cfg-maximized'> /**
</span> * @cfg {Boolean} maximized
* True to initially display the window in a maximized state. (Defaults to false).
*/
<span id='Ext-Window-cfg-baseCls'> /**
</span> * @cfg {String} baseCls
* The base CSS class to apply to this panel's element (defaults to 'x-window').
*/
baseCls : 'x-window',
<span id='Ext-Window-cfg-resizable'> /**
</span> * @cfg {Boolean} resizable
* True to allow user resizing at each edge and corner of the window, false to disable resizing (defaults to true).
*/
resizable : true,
<span id='Ext-Window-cfg-draggable'> /**
</span> * @cfg {Boolean} draggable
* True to allow the window to be dragged by the header bar, false to disable dragging (defaults to true). Note
* that by default the window will be centered in the viewport, so if dragging is disabled the window may need
* to be positioned programmatically after render (e.g., myWindow.setPosition(100, 100);).
*/
draggable : true,
<span id='Ext-Window-cfg-closable'> /**
</span> * @cfg {Boolean} closable
* <p>True to display the 'close' tool button and allow the user to close the window, false to
* hide the button and disallow closing the window (defaults to true).</p>
* <p>By default, when close is requested by either clicking the close button in the header
* or pressing ESC when the Window has focus, the {@link #close} method will be called. This
* will <i>{@link Ext.Component#destroy destroy}</i> the Window and its content meaning that
* it may not be reused.</p>
* <p>To make closing a Window <i>hide</i> the Window so that it may be reused, set
* {@link #closeAction} to 'hide'.
*/
closable : true,
<span id='Ext-Window-cfg-closeAction'> /**
</span> * @cfg {String} closeAction
* <p>The action to take when the close header tool is clicked:
* <div class="mdetail-params"><ul>
* <li><b><code>'{@link #close}'</code></b> : <b>Default</b><div class="sub-desc">
* {@link #close remove} the window from the DOM and {@link Ext.Component#destroy destroy}
* it and all descendant Components. The window will <b>not</b> be available to be
* redisplayed via the {@link #show} method.
* </div></li>
* <li><b><code>'{@link #hide}'</code></b> : <div class="sub-desc">
* {@link #hide} the window by setting visibility to hidden and applying negative offsets.
* The window will be available to be redisplayed via the {@link #show} method.
* </div></li>
* </ul></div>
* <p><b>Note:</b> This setting does not affect the {@link #close} method
* which will always {@link Ext.Component#destroy destroy} the window. To
* programatically <i>hide</i> a window, call {@link #hide}.</p>
*/
( run in 1.640 second using v1.01-cache-2.11-cpan-119454b85a5 )