Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / output / Ext.resizer.Resizer.js
1 Ext.data.JsonP.Ext_resizer_Resizer({
2   "tagname": "class",
3   "name": "Ext.resizer.Resizer",
4   "doc": "<p>Applies drag handles to an element or component to make it resizable. The\ndrag handles are inserted into the element (or component's element) and\npositioned absolute.</p>\n\n\n\n\n<p>Textarea and img elements will be wrapped with an additional div because\nthese elements do not support child nodes. The original element can be accessed\nthrough the originalTarget property.</p>\n\n\n\n\n<p>Here is the list of valid resize handles:</p>\n\n\n<pre>Value   Description\n------  -------------------\n 'n'     north\n 's'     south\n 'e'     east\n 'w'     west\n 'nw'    northwest\n 'sw'    southwest\n 'se'    southeast\n 'ne'    northeast\n 'all'   all\n</pre>\n\n\n<p><p><img src=\"doc-resources/Ext.resizer.Resizer/Ext.resizer.Resizer.png\" alt=\"Ext.resizer.Resizer component\"></p></p>\n\n<p>Here's an example showing the creation of a typical Resizer:</p>\n\n\n<pre><code>    <div id=\"elToResize\" style=\"width:200px; height:100px; background-color:#000000;\"></div>\n\n    Ext.create('Ext.resizer.Resizer', {\n        el: 'elToResize',\n        handles: 'all',\n        minWidth: 200,\n        minHeight: 100,\n        maxWidth: 500,\n        maxHeight: 400,\n        pinned: true\n    });\n</code></pre>\n\n",
5   "extends": null,
6   "mixins": [
7     "Ext.util.Observable"
8   ],
9   "alternateClassNames": [
10     "Ext.Resizable"
11   ],
12   "xtype": null,
13   "author": null,
14   "docauthor": null,
15   "singleton": false,
16   "private": false,
17   "cfg": [
18     {
19       "tagname": "cfg",
20       "name": "constrainTo",
21       "member": "Ext.resizer.Resizer",
22       "type": "Mixed",
23       "doc": "<p>Optional. An element, or a <a href=\"#/api/Ext.util.Region\" rel=\"Ext.util.Region\" class=\"docClass\">Ext.util.Region</a> into which the resize operation\nmust be constrained.</p>\n",
24       "private": false,
25       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
26       "linenr": 119,
27       "html_filename": "Resizer.html",
28       "href": "Resizer.html#Ext-resizer-Resizer-cfg-constrainTo"
29     },
30     {
31       "tagname": "cfg",
32       "name": "dynamic",
33       "member": "Ext.resizer.Resizer",
34       "type": "Boolean",
35       "doc": "<p>Specify as true to update the <a href=\"#/api/Ext.resizer.Resizer-cfg-target\" rel=\"Ext.resizer.Resizer-cfg-target\" class=\"docClass\">target</a> (Element or <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Component</a>) dynamically during dragging.\nThis is <code>true</code> by default, but the <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Component</a> class passes <code>false</code> when it\nis configured as <a href=\"#/api/Ext.Component-cfg-resizable\" rel=\"Ext.Component-cfg-resizable\" class=\"docClass\">Ext.Component.resizable</a>.</p>\n\n\n<p>If specified as <code>false</code>, a proxy element is displayed during the resize operation, and the <a href=\"#/api/Ext.resizer.Resizer-cfg-target\" rel=\"Ext.resizer.Resizer-cfg-target\" class=\"docClass\">target</a>\nis updated on mouseup.</p>\n\n",
36       "private": false,
37       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
38       "linenr": 55,
39       "html_filename": "Resizer.html",
40       "href": "Resizer.html#Ext-resizer-Resizer-cfg-dynamic",
41       "shortDoc": "Specify as true to update the target (Element or Component) dynamically during dragging.\nThis is true by default, but..."
42     },
43     {
44       "tagname": "cfg",
45       "name": "handles",
46       "member": "Ext.resizer.Resizer",
47       "type": "String",
48       "doc": "<p>String consisting of the resize handles to display. Defaults to 's e se' for\nElements and fixed position Components. Defaults to 8 point resizing for floating Components (such as Windows).\nSpecify either <code>'all'</code> or any of <code>'n s e w ne nw se sw'</code>.</p>\n",
49       "private": false,
50       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
51       "linenr": 65,
52       "html_filename": "Resizer.html",
53       "href": "Resizer.html#Ext-resizer-Resizer-cfg-handles",
54       "shortDoc": "String consisting of the resize handles to display. Defaults to 's e se' for\nElements and fixed position Components. ..."
55     },
56     {
57       "tagname": "cfg",
58       "name": "height",
59       "member": "Ext.resizer.Resizer",
60       "type": "Number",
61       "doc": "<p>Optional. The height to set target to in pixels (defaults to null)</p>\n",
62       "private": false,
63       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
64       "linenr": 72,
65       "html_filename": "Resizer.html",
66       "href": "Resizer.html#Ext-resizer-Resizer-cfg-height"
67     },
68     {
69       "tagname": "cfg",
70       "name": "listeners",
71       "member": "Ext.util.Observable",
72       "type": "Object",
73       "doc": "<p>(optional) <p>A config object containing one or more event handlers to be added to this\nobject during initialization.  This should be a valid listeners config object as specified in the\n<a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a> example for attaching multiple handlers at once.</p></p>\n\n<br><p><b><u>DOM events from ExtJs <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Components</a></u></b></p>\n\n\n<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. \"click\", \"mouseover\" etc), this\n\n\n<p>is usually only done when extra value can be added. For example the <a href=\"#/api/Ext.view.View\" rel=\"Ext.view.View\" class=\"docClass\">DataView</a>'s\n<b><code><a href=\"#/api/Ext.view.View--click\" rel=\"Ext.view.View--click\" class=\"docClass\">click</a></code></b> event passing the node clicked on. To access DOM\nevents directly from a child element of a Component, we need to specify the <code>element</code> option to\nidentify the Component property to add a DOM listener to:</p>\n\n<pre><code>new Ext.panel.Panel({\n    width: 400,\n    height: 200,\n    dockedItems: [{\n        xtype: 'toolbar'\n    }],\n    listeners: {\n        click: {\n            element: 'el', //bind to the underlying el property on the panel\n            fn: function(){ console.log('click el'); }\n        },\n        dblclick: {\n            element: 'body', //bind to the underlying body property on the panel\n            fn: function(){ console.log('dblclick body'); }\n        }\n    }\n});\n</code></pre>\n\n\n<p></p></p>\n",
74       "private": false,
75       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
76       "linenr": 103,
77       "html_filename": "Observable.html",
78       "href": "Observable.html#Ext-util-Observable-cfg-listeners",
79       "shortDoc": "(optional) A config object containing one or more event handlers to be added to this\nobject during initialization.  T..."
80     },
81     {
82       "tagname": "cfg",
83       "name": "maxHeight",
84       "member": "Ext.resizer.Resizer",
85       "type": "Number",
86       "doc": "<p>The maximum height for the element (defaults to 10000)</p>\n",
87       "private": false,
88       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
89       "linenr": 92,
90       "html_filename": "Resizer.html",
91       "href": "Resizer.html#Ext-resizer-Resizer-cfg-maxHeight"
92     },
93     {
94       "tagname": "cfg",
95       "name": "maxWidth",
96       "member": "Ext.resizer.Resizer",
97       "type": "Number",
98       "doc": "<p>The maximum width for the element (defaults to 10000)</p>\n",
99       "private": false,
100       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
101       "linenr": 97,
102       "html_filename": "Resizer.html",
103       "href": "Resizer.html#Ext-resizer-Resizer-cfg-maxWidth"
104     },
105     {
106       "tagname": "cfg",
107       "name": "minHeight",
108       "member": "Ext.resizer.Resizer",
109       "type": "Number",
110       "doc": "<p>The minimum height for the element (defaults to 20)</p>\n",
111       "private": false,
112       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
113       "linenr": 82,
114       "html_filename": "Resizer.html",
115       "href": "Resizer.html#Ext-resizer-Resizer-cfg-minHeight"
116     },
117     {
118       "tagname": "cfg",
119       "name": "minWidth",
120       "member": "Ext.resizer.Resizer",
121       "type": "Number",
122       "doc": "<p>The minimum width for the element (defaults to 20)</p>\n",
123       "private": false,
124       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
125       "linenr": 87,
126       "html_filename": "Resizer.html",
127       "href": "Resizer.html#Ext-resizer-Resizer-cfg-minWidth"
128     },
129     {
130       "tagname": "cfg",
131       "name": "pinned",
132       "member": "Ext.resizer.Resizer",
133       "type": "Boolean",
134       "doc": "<p>True to ensure that the resize handles are always\nvisible, false indicates resizing by cursor changes only (defaults to false)</p>\n",
135       "private": false,
136       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
137       "linenr": 102,
138       "html_filename": "Resizer.html",
139       "href": "Resizer.html#Ext-resizer-Resizer-cfg-pinned",
140       "shortDoc": "True to ensure that the resize handles are always\nvisible, false indicates resizing by cursor changes only (defaults ..."
141     },
142     {
143       "tagname": "cfg",
144       "name": "preserveRatio",
145       "member": "Ext.resizer.Resizer",
146       "type": "Boolean",
147       "doc": "<p>True to preserve the original ratio between height\nand width during resize (defaults to false)</p>\n",
148       "private": false,
149       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
150       "linenr": 108,
151       "html_filename": "Resizer.html",
152       "href": "Resizer.html#Ext-resizer-Resizer-cfg-preserveRatio"
153     },
154     {
155       "tagname": "cfg",
156       "name": "target",
157       "member": "Ext.resizer.Resizer",
158       "type": "Mixed",
159       "doc": "<p>The Element or Component to resize.</p>\n",
160       "private": false,
161       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
162       "linenr": 135,
163       "html_filename": "Resizer.html",
164       "href": "Resizer.html#Ext-resizer-Resizer-cfg-target"
165     },
166     {
167       "tagname": "cfg",
168       "name": "transparent",
169       "member": "Ext.resizer.Resizer",
170       "type": "Boolean",
171       "doc": "<p>True for transparent handles. This is only applied at config time. (defaults to false)</p>\n",
172       "private": false,
173       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
174       "linenr": 114,
175       "html_filename": "Resizer.html",
176       "href": "Resizer.html#Ext-resizer-Resizer-cfg-transparent"
177     },
178     {
179       "tagname": "cfg",
180       "name": "width",
181       "member": "Ext.resizer.Resizer",
182       "type": "Number",
183       "doc": "<p>Optional. The width to set the target to in pixels (defaults to null)</p>\n",
184       "private": false,
185       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
186       "linenr": 77,
187       "html_filename": "Resizer.html",
188       "href": "Resizer.html#Ext-resizer-Resizer-cfg-width"
189     }
190   ],
191   "method": [
192     {
193       "tagname": "method",
194       "name": "addEvents",
195       "member": "Ext.util.Observable",
196       "doc": "<p>Adds the specified events to the list of events which this Observable may fire.</p>\n",
197       "params": [
198         {
199           "type": "Object/String",
200           "name": "o",
201           "doc": "<p>Either an object with event names as properties with a value of <code>true</code>\nor the first event name string if multiple event names are being passed as separate parameters.</p>\n",
202           "optional": false
203         },
204         {
205           "type": "String",
206           "name": "",
207           "doc": "<p>[additional] Optional additional event names if multiple event names are being passed as separate parameters.\nUsage:</p>\n\n<pre><code>this.addEvents('storeloaded', 'storecleared');\n</code></pre>\n\n",
208           "optional": false
209         }
210       ],
211       "return": {
212         "type": "void",
213         "doc": "\n"
214       },
215       "private": false,
216       "static": false,
217       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
218       "linenr": 452,
219       "html_filename": "Observable.html",
220       "href": "Observable.html#Ext-util-Observable-method-addEvents",
221       "shortDoc": "<p>Adds the specified events to the list of events which this Observable may fire.</p>\n"
222     },
223     {
224       "tagname": "method",
225       "name": "addListener",
226       "member": "Ext.util.Observable",
227       "doc": "<p>Appends an event handler to this object.</p>\n",
228       "params": [
229         {
230           "type": "String",
231           "name": "eventName",
232           "doc": "<p>The name of the event to listen for. May also be an object who's property names are event names. See</p>\n",
233           "optional": false
234         },
235         {
236           "type": "Function",
237           "name": "handler",
238           "doc": "<p>The method the event invokes.</p>\n",
239           "optional": false
240         },
241         {
242           "type": "Object",
243           "name": "scope",
244           "doc": "<p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></p>\n",
245           "optional": true
246         },
247         {
248           "type": "Object",
249           "name": "options",
250           "doc": "<p>(optional) An object containing handler configuration.\nproperties. This may contain any of the following properties:<ul>\n<li><b>scope</b> : Object<div class=\"sub-desc\">The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></div></li>\n<li><b>delay</b> : Number<div class=\"sub-desc\">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>\n<li><b>single</b> : Boolean<div class=\"sub-desc\">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>\n<li><b>buffer</b> : Number<div class=\"sub-desc\">Causes the handler to be scheduled to run in an <a href=\"#/api/Ext.util.DelayedTask\" rel=\"Ext.util.DelayedTask\" class=\"docClass\">Ext.util.DelayedTask</a> delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>\n<li><b>target</b> : Observable<div class=\"sub-desc\">Only call the handler if the event was fired on the target Observable, <i>not</i>\nif the event was bubbled up from a child Observable.</div></li>\n<li><b>element</b> : String<div class=\"sub-desc\"><b>This option is only valid for listeners bound to <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Components</a>.</b>\nThe name of a Component property which references an element to add a listener to.</p>\n\n<p>This option is useful during Component construction to add DOM event listeners to elements of <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Components</a> which\nwill exist only after the Component is rendered. For example, to add a click listener to a Panel's body:\n<pre><code>new Ext.panel.Panel({\n    title: 'The title',\n    listeners: {\n        click: this.handlePanelClick,\n        element: 'body'\n    }\n});\n</code></pre></p>\n\n\n<p>When added in this way, the options available are the options applicable to <a href=\"#/api/Ext.core.Element-method-addListener\" rel=\"Ext.core.Element-method-addListener\" class=\"docClass\">Ext.core.Element.addListener</a></p>\n\n\n<p></div></li>\n</ul><br></p>\n\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA delayed, one-time listener.\n<pre><code>myPanel.on('hide', this.handleClick, this, {\nsingle: true,\ndelay: 100\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple events. For example:\n<pre><code>myGridPanel.on({\n    cellClick: this.onCellClick,\n    mouseover: this.onMouseOver,\n    mouseout: this.onMouseOut,\n    scope: this // Important. Ensure \"this\" is correct during handler execution\n});\n</code></pre>.\n<p>\n\n",
251           "optional": true
252         }
253       ],
254       "return": {
255         "type": "void",
256         "doc": "\n"
257       },
258       "private": false,
259       "static": false,
260       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
261       "linenr": 271,
262       "html_filename": "Observable.html",
263       "href": "Observable.html#Ext-util-Observable-method-addListener",
264       "shortDoc": "<p>Appends an event handler to this object.</p>\n"
265     },
266     {
267       "tagname": "method",
268       "name": "addManagedListener",
269       "member": "Ext.util.Observable",
270       "doc": "<p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component\nis destroyed.\n\n",
271       "params": [
272         {
273           "type": "Observable/Element",
274           "name": "item",
275           "doc": "<p>The item to which to add a listener/listeners.</p>\n",
276           "optional": false
277         },
278         {
279           "type": "Object/String",
280           "name": "ename",
281           "doc": "<p>The event name, or an object containing event name properties.</p>\n",
282           "optional": false
283         },
284         {
285           "type": "Function",
286           "name": "fn",
287           "doc": "<p>Optional. If the <code>ename</code> parameter was an event name, this\nis the handler function.</p>\n",
288           "optional": false
289         },
290         {
291           "type": "Object",
292           "name": "scope",
293           "doc": "<p>Optional. If the <code>ename</code> parameter was an event name, this\nis the scope (<code>this</code> reference) in which the handler function is executed.</p>\n",
294           "optional": false
295         },
296         {
297           "type": "Object",
298           "name": "opt",
299           "doc": "<p>Optional. If the <code>ename</code> parameter was an event name, this\nis the <a href=\"#/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a> options.</p>\n",
300           "optional": false
301         }
302       ],
303       "return": {
304         "type": "void",
305         "doc": "\n"
306       },
307       "private": false,
308       "static": false,
309       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
310       "linenr": 155,
311       "html_filename": "Observable.html",
312       "href": "Observable.html#Ext-util-Observable-method-addManagedListener",
313       "shortDoc": "<p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component\nis destroyed.\n\n"
314     },
315     {
316       "tagname": "method",
317       "name": "capture",
318       "member": "Ext.util.Observable",
319       "doc": "<p>Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.</p>\n",
320       "params": [
321         {
322           "type": "Observable",
323           "name": "o",
324           "doc": "<p>The Observable to capture events from.</p>\n",
325           "optional": false
326         },
327         {
328           "type": "Function",
329           "name": "fn",
330           "doc": "<p>The function to call when an event is fired.</p>\n",
331           "optional": false
332         },
333         {
334           "type": "Object",
335           "name": "scope",
336           "doc": "<p>(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Observable firing the event.</p>\n",
337           "optional": true
338         }
339       ],
340       "return": {
341         "type": "void",
342         "doc": "\n"
343       },
344       "private": false,
345       "static": true,
346       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
347       "linenr": 55,
348       "html_filename": "Observable.html",
349       "href": "Observable.html#Ext-util-Observable-method-capture",
350       "shortDoc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + ..."
351     },
352     {
353       "tagname": "method",
354       "name": "clearListeners",
355       "member": "Ext.util.Observable",
356       "doc": "<p>Removes all listeners for this object including the managed listeners</p>\n",
357       "params": [
358
359       ],
360       "return": {
361         "type": "void",
362         "doc": "\n"
363       },
364       "private": false,
365       "static": false,
366       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
367       "linenr": 383,
368       "html_filename": "Observable.html",
369       "href": "Observable.html#Ext-util-Observable-method-clearListeners",
370       "shortDoc": "<p>Removes all listeners for this object including the managed listeners</p>\n"
371     },
372     {
373       "tagname": "method",
374       "name": "clearManagedListeners",
375       "member": "Ext.util.Observable",
376       "doc": "<p>Removes all managed listeners for this object.</p>\n",
377       "params": [
378
379       ],
380       "return": {
381         "type": "void",
382         "doc": "\n"
383       },
384       "private": false,
385       "static": false,
386       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
387       "linenr": 412,
388       "html_filename": "Observable.html",
389       "href": "Observable.html#Ext-util-Observable-method-clearManagedListeners",
390       "shortDoc": "<p>Removes all managed listeners for this object.</p>\n"
391     },
392     {
393       "tagname": "method",
394       "name": "enableBubble",
395       "member": "Ext.util.Observable",
396       "doc": "<p>Enables events fired by this Observable to bubble up an owner hierarchy by calling\n<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>\n\n\n<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href=\"#/api/Ext.Component-method-getBubbleTarget\" rel=\"Ext.Component-method-getBubbleTarget\" class=\"docClass\">Ext.Component.getBubbleTarget</a>. The default\nimplementation in <a href=\"#/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a> returns the Component's immediate owner. But if a known target is required, this can be overridden to\naccess the required target more quickly.</p>\n\n\n<p>Example:</p>\n\n\n<pre><code>Ext.override(Ext.form.field.Base, {\n//  Add functionality to Field&#39;s initComponent to enable the change event to bubble\ninitComponent : Ext.Function.createSequence(Ext.form.field.Base.prototype.initComponent, function() {\n    this.enableBubble('change');\n}),\n\n//  We know that we want Field&#39;s events to bubble directly to the FormPanel.\ngetBubbleTarget : function() {\n    if (!this.formPanel) {\n        this.formPanel = this.findParentByType('form');\n    }\n    return this.formPanel;\n}\n});\n\nvar myForm = new Ext.formPanel({\ntitle: 'User Details',\nitems: [{\n    ...\n}],\nlisteners: {\n    change: function() {\n        // Title goes red if form has been modified.\n        myForm.header.setStyle('color', 'red');\n    }\n}\n});\n</code></pre>\n\n",
397       "params": [
398         {
399           "type": "String/Array",
400           "name": "events",
401           "doc": "<p>The event name to bubble, or an Array of event names.</p>\n",
402           "optional": false
403         }
404       ],
405       "return": {
406         "type": "void",
407         "doc": "\n"
408       },
409       "private": false,
410       "static": false,
411       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
412       "linenr": 554,
413       "html_filename": "Observable.html",
414       "href": "Observable.html#Ext-util-Observable-method-enableBubble",
415       "shortDoc": "Enables events fired by this Observable to bubble up an owner hierarchy by calling\nthis.getBubbleTarget() if present...."
416     },
417     {
418       "tagname": "method",
419       "name": "fireEvent",
420       "member": "Ext.util.Observable",
421       "doc": "<p>Fires the specified event with the passed parameters (minus the event name).</p>\n\n\n<p>An event may be set to bubble up an Observable parent hierarchy (See <a href=\"#/api/Ext.Component-method-getBubbleTarget\" rel=\"Ext.Component-method-getBubbleTarget\" class=\"docClass\">Ext.Component.getBubbleTarget</a>)\nby calling <a href=\"#/api/Ext.resizer.Resizer-method-enableBubble\" rel=\"Ext.resizer.Resizer-method-enableBubble\" class=\"docClass\">enableBubble</a>.</p>\n\n",
422       "params": [
423         {
424           "type": "String",
425           "name": "eventName",
426           "doc": "<p>The name of the event to fire.</p>\n",
427           "optional": false
428         },
429         {
430           "type": "Object...",
431           "name": "args",
432           "doc": "<p>Variable number of parameters are passed to handlers.</p>\n",
433           "optional": false
434         }
435       ],
436       "return": {
437         "type": "Boolean",
438         "doc": "<p>returns false if any of the handlers return false otherwise it returns true.</p>\n"
439       },
440       "private": false,
441       "static": false,
442       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
443       "linenr": 232,
444       "html_filename": "Observable.html",
445       "href": "Observable.html#Ext-util-Observable-method-fireEvent",
446       "shortDoc": "Fires the specified event with the passed parameters (minus the event name).\n\n\nAn event may be set to bubble up an Ob..."
447     },
448     {
449       "tagname": "method",
450       "name": "getEl",
451       "member": "Ext.resizer.Resizer",
452       "doc": "<p>Returns the element that was configured with the el or target config property.\nIf a component was configured with the target property then this will return the\nelement of this component.<p>\n<p>Textarea and img elements will be wrapped with an additional div because\nthese elements do not support child nodes. The original element can be accessed\nthrough the originalTarget property.</p>\n\n",
453       "params": [
454
455       ],
456       "return": {
457         "type": "Element",
458         "doc": "<p>element</p>\n"
459       },
460       "private": false,
461       "static": false,
462       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
463       "linenr": 382,
464       "html_filename": "Resizer.html",
465       "href": "Resizer.html#Ext-resizer-Resizer-method-getEl",
466       "shortDoc": "Returns the element that was configured with the el or target config property.\nIf a component was configured with the..."
467     },
468     {
469       "tagname": "method",
470       "name": "getTarget",
471       "member": "Ext.resizer.Resizer",
472       "doc": "<p>Returns the element or component that was configured with the target config property.<p>\n<p>Textarea and img elements will be wrapped with an additional div because\nthese elements do not support child nodes. The original element can be accessed\nthrough the originalTarget property.</p>\n\n",
473       "params": [
474
475       ],
476       "return": {
477         "type": "Element/Component",
478         "doc": "\n"
479       },
480       "private": false,
481       "static": false,
482       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
483       "linenr": 395,
484       "html_filename": "Resizer.html",
485       "href": "Resizer.html#Ext-resizer-Resizer-method-getTarget",
486       "shortDoc": "Returns the element or component that was configured with the target config property.\nTextarea and img elements will ..."
487     },
488     {
489       "tagname": "method",
490       "name": "hasListener",
491       "member": "Ext.util.Observable",
492       "doc": "<p>Checks to see if this object has any listeners for a specified event</p>\n",
493       "params": [
494         {
495           "type": "String",
496           "name": "eventName",
497           "doc": "<p>The name of the event to check for</p>\n",
498           "optional": false
499         }
500       ],
501       "return": {
502         "type": "Boolean",
503         "doc": "<p>True if the event is being listened for, else false</p>\n"
504       },
505       "private": false,
506       "static": false,
507       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
508       "linenr": 480,
509       "html_filename": "Observable.html",
510       "href": "Observable.html#Ext-util-Observable-method-hasListener",
511       "shortDoc": "<p>Checks to see if this object has any listeners for a specified event</p>\n"
512     },
513     {
514       "tagname": "method",
515       "name": "observe",
516       "member": "Ext.util.Observable",
517       "doc": "<p>Sets observability on the passed class constructor.</p>\n\n<p>This makes any event fired on any instance of the passed class also fire a single event through\nthe <strong>class</strong> allowing for central handling of events on many instances at once.</p>\n\n<p>Usage:</p>\n\n<pre><code>Ext.util.Observable.observe(Ext.data.Connection);\nExt.data.Connection.on('beforerequest', function(con, options) {\n    console.log('Ajax request made to ' + options.url);\n});\n</code></pre>\n",
518       "params": [
519         {
520           "type": "Function",
521           "name": "c",
522           "doc": "<p>The class constructor to make observable.</p>\n",
523           "optional": false
524         },
525         {
526           "type": "Object",
527           "name": "listeners",
528           "doc": "<p>An object containing a series of listeners to add. See <a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a>.</p>\n",
529           "optional": false
530         }
531       ],
532       "return": {
533         "type": "void",
534         "doc": "\n"
535       },
536       "private": false,
537       "static": true,
538       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
539       "linenr": 69,
540       "html_filename": "Observable.html",
541       "href": "Observable.html#Ext-util-Observable-method-observe",
542       "shortDoc": "Sets observability on the passed class constructor.\n\nThis makes any event fired on any instance of the passed class a..."
543     },
544     {
545       "tagname": "method",
546       "name": "on",
547       "member": "Ext.util.Observable",
548       "doc": "<p>Appends an event handler to this object (shorthand for <a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a>.)</p>\n",
549       "params": [
550         {
551           "type": "String",
552           "name": "eventName",
553           "doc": "<p>The type of event to listen for</p>\n",
554           "optional": false
555         },
556         {
557           "type": "Function",
558           "name": "handler",
559           "doc": "<p>The method the event invokes</p>\n",
560           "optional": false
561         },
562         {
563           "type": "Object",
564           "name": "scope",
565           "doc": "<p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></p>\n",
566           "optional": true
567         },
568         {
569           "type": "Object",
570           "name": "options",
571           "doc": "<p>(optional) An object containing handler configuration.</p>\n",
572           "optional": true
573         }
574       ],
575       "return": {
576         "type": "void",
577         "doc": "\n"
578       },
579       "private": false,
580       "static": false,
581       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
582       "linenr": 616,
583       "html_filename": "Observable.html",
584       "href": "Observable.html#Ext-util-Observable-method-on",
585       "shortDoc": "<p>Appends an event handler to this object (shorthand for <a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a>.)</p>\n"
586     },
587     {
588       "tagname": "method",
589       "name": "relayEvents",
590       "member": "Ext.util.Observable",
591       "doc": "<p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>\n",
592       "params": [
593         {
594           "type": "Object",
595           "name": "origin",
596           "doc": "<p>The Observable whose events this object is to relay.</p>\n",
597           "optional": false
598         },
599         {
600           "type": "Array",
601           "name": "events",
602           "doc": "<p>Array of event names to relay.</p>\n",
603           "optional": false
604         },
605         {
606           "type": "Object",
607           "name": "prefix",
608           "doc": "\n",
609           "optional": false
610         }
611       ],
612       "return": {
613         "type": "void",
614         "doc": "\n"
615       },
616       "private": false,
617       "static": false,
618       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
619       "linenr": 520,
620       "html_filename": "Observable.html",
621       "href": "Observable.html#Ext-util-Observable-method-relayEvents",
622       "shortDoc": "<p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>\n"
623     },
624     {
625       "tagname": "method",
626       "name": "releaseCapture",
627       "member": "Ext.util.Observable",
628       "doc": "<p>Removes <b>all</b> added captures from the Observable.</p>\n",
629       "params": [
630         {
631           "type": "Observable",
632           "name": "o",
633           "doc": "<p>The Observable to release</p>\n",
634           "optional": false
635         }
636       ],
637       "return": {
638         "type": "void",
639         "doc": "\n"
640       },
641       "private": false,
642       "static": true,
643       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
644       "linenr": 46,
645       "html_filename": "Observable.html",
646       "href": "Observable.html#Ext-util-Observable-method-releaseCapture",
647       "shortDoc": "<p>Removes <b>all</b> added captures from the Observable.</p>\n"
648     },
649     {
650       "tagname": "method",
651       "name": "removeListener",
652       "member": "Ext.util.Observable",
653       "doc": "<p>Removes an event handler.</p>\n",
654       "params": [
655         {
656           "type": "String",
657           "name": "eventName",
658           "doc": "<p>The type of event the handler was associated with.</p>\n",
659           "optional": false
660         },
661         {
662           "type": "Function",
663           "name": "handler",
664           "doc": "<p>The handler to remove. <b>This must be a reference to the function passed into the <a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a> call.</b></p>\n",
665           "optional": false
666         },
667         {
668           "type": "Object",
669           "name": "scope",
670           "doc": "<p>(optional) The scope originally specified for the handler.</p>\n",
671           "optional": true
672         }
673       ],
674       "return": {
675         "type": "void",
676         "doc": "\n"
677       },
678       "private": false,
679       "static": false,
680       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
681       "linenr": 352,
682       "html_filename": "Observable.html",
683       "href": "Observable.html#Ext-util-Observable-method-removeListener",
684       "shortDoc": "<p>Removes an event handler.</p>\n"
685     },
686     {
687       "tagname": "method",
688       "name": "removeManagedListener",
689       "member": "Ext.util.Observable",
690       "doc": "<p>Removes listeners that were added by the <a href=\"#/api/Ext.resizer.Resizer--mon\" rel=\"Ext.resizer.Resizer--mon\" class=\"docClass\">mon</a> method.</p>\n",
691       "params": [
692         {
693           "type": "Observable|Element",
694           "name": "item",
695           "doc": "<p>The item from which to remove a listener/listeners.</p>\n",
696           "optional": false
697         },
698         {
699           "type": "Object|String",
700           "name": "ename",
701           "doc": "<p>The event name, or an object containing event name properties.</p>\n",
702           "optional": false
703         },
704         {
705           "type": "Function",
706           "name": "fn",
707           "doc": "<p>Optional. If the <code>ename</code> parameter was an event name, this\nis the handler function.</p>\n",
708           "optional": false
709         },
710         {
711           "type": "Object",
712           "name": "scope",
713           "doc": "<p>Optional. If the <code>ename</code> parameter was an event name, this\nis the scope (<code>this</code> reference) in which the handler function is executed.</p>\n",
714           "optional": false
715         }
716       ],
717       "return": {
718         "type": "void",
719         "doc": "\n"
720       },
721       "private": false,
722       "static": false,
723       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
724       "linenr": 196,
725       "html_filename": "Observable.html",
726       "href": "Observable.html#Ext-util-Observable-method-removeManagedListener",
727       "shortDoc": "<p>Removes listeners that were added by the <a href=\"#/api/Ext.resizer.Resizer--mon\" rel=\"Ext.resizer.Resizer--mon\" class=\"docClass\">mon</a> method.</p>\n"
728     },
729     {
730       "tagname": "method",
731       "name": "resizeTo",
732       "member": "Ext.resizer.Resizer",
733       "doc": "<p>Perform a manual resize and fires the 'resize' event.</p>\n",
734       "params": [
735         {
736           "type": "Number",
737           "name": "width",
738           "doc": "\n",
739           "optional": false
740         },
741         {
742           "type": "Number",
743           "name": "height",
744           "doc": "\n",
745           "optional": false
746         }
747       ],
748       "return": {
749         "type": "void",
750         "doc": "\n"
751       },
752       "private": false,
753       "static": false,
754       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
755       "linenr": 372,
756       "html_filename": "Resizer.html",
757       "href": "Resizer.html#Ext-resizer-Resizer-method-resizeTo",
758       "shortDoc": "<p>Perform a manual resize and fires the 'resize' event.</p>\n"
759     },
760     {
761       "tagname": "method",
762       "name": "resumeEvents",
763       "member": "Ext.util.Observable",
764       "doc": "<p>Resume firing events. (see <a href=\"#/api/Ext.resizer.Resizer-method-suspendEvents\" rel=\"Ext.resizer.Resizer-method-suspendEvents\" class=\"docClass\">suspendEvents</a>)\nIf events were suspended using the <code><b>queueSuspended</b></code> parameter, then all\nevents fired during event suspension will be sent to any listeners now.</p>\n",
765       "params": [
766
767       ],
768       "return": {
769         "type": "void",
770         "doc": "\n"
771       },
772       "private": false,
773       "static": false,
774       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
775       "linenr": 502,
776       "html_filename": "Observable.html",
777       "href": "Observable.html#Ext-util-Observable-method-resumeEvents",
778       "shortDoc": "Resume firing events. (see suspendEvents)\nIf events were suspended using the queueSuspended parameter, then all\nevent..."
779     },
780     {
781       "tagname": "method",
782       "name": "suspendEvents",
783       "member": "Ext.util.Observable",
784       "doc": "<p>Suspend the firing of all events. (see <a href=\"#/api/Ext.resizer.Resizer-method-resumeEvents\" rel=\"Ext.resizer.Resizer-method-resumeEvents\" class=\"docClass\">resumeEvents</a>)</p>\n",
785       "params": [
786         {
787           "type": "Boolean",
788           "name": "queueSuspended",
789           "doc": "<p>Pass as true to queue up suspended events to be fired\nafter the <a href=\"#/api/Ext.resizer.Resizer-method-resumeEvents\" rel=\"Ext.resizer.Resizer-method-resumeEvents\" class=\"docClass\">resumeEvents</a> call instead of discarding all suspended events;</p>\n",
790           "optional": false
791         }
792       ],
793       "return": {
794         "type": "void",
795         "doc": "\n"
796       },
797       "private": false,
798       "static": false,
799       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
800       "linenr": 490,
801       "html_filename": "Observable.html",
802       "href": "Observable.html#Ext-util-Observable-method-suspendEvents",
803       "shortDoc": "<p>Suspend the firing of all events. (see <a href=\"#/api/Ext.resizer.Resizer-method-resumeEvents\" rel=\"Ext.resizer.Resizer-method-resumeEvents\" class=\"docClass\">resumeEvents</a>)</p>\n"
804     },
805     {
806       "tagname": "method",
807       "name": "un",
808       "member": "Ext.util.Observable",
809       "doc": "<p>Removes an event handler (shorthand for <a href=\"#/api/Ext.resizer.Resizer-method-removeListener\" rel=\"Ext.resizer.Resizer-method-removeListener\" class=\"docClass\">removeListener</a>.)</p>\n",
810       "params": [
811         {
812           "type": "String",
813           "name": "eventName",
814           "doc": "<p>The type of event the handler was associated with.</p>\n",
815           "optional": false
816         },
817         {
818           "type": "Function",
819           "name": "handler",
820           "doc": "<p>The handler to remove. <b>This must be a reference to the function passed into the <a href=\"#/api/Ext.resizer.Resizer-method-addListener\" rel=\"Ext.resizer.Resizer-method-addListener\" class=\"docClass\">addListener</a> call.</b></p>\n",
821           "optional": false
822         },
823         {
824           "type": "Object",
825           "name": "scope",
826           "doc": "<p>(optional) The scope originally specified for the handler.</p>\n",
827           "optional": true
828         }
829       ],
830       "return": {
831         "type": "void",
832         "doc": "\n"
833       },
834       "private": false,
835       "static": false,
836       "filename": "/Users/nick/Projects/sencha/SDK/platform/src/util/Observable.js",
837       "linenr": 608,
838       "html_filename": "Observable.html",
839       "href": "Observable.html#Ext-util-Observable-method-un",
840       "shortDoc": "<p>Removes an event handler (shorthand for <a href=\"#/api/Ext.resizer.Resizer-method-removeListener\" rel=\"Ext.resizer.Resizer-method-removeListener\" class=\"docClass\">removeListener</a>.)</p>\n"
841     }
842   ],
843   "property": [
844     {
845       "tagname": "property",
846       "name": "el",
847       "member": "Ext.resizer.Resizer",
848       "type": "Ext.core.Element",
849       "doc": "<p>Outer element for resizing behavior.</p>\n",
850       "private": false,
851       "static": false,
852       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
853       "linenr": 139,
854       "html_filename": "Resizer.html",
855       "href": "Resizer.html#Ext-resizer-Resizer-property-el"
856     },
857     {
858       "tagname": "property",
859       "name": "originalTarget",
860       "member": "Ext.resizer.Resizer",
861       "type": "Mixed",
862       "doc": "<p>Reference to the original resize target if the element of the original\nresize target was an IMG or a TEXTAREA which must be wrapped in a DIV.</p>\n",
863       "private": false,
864       "static": false,
865       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
866       "linenr": 231,
867       "html_filename": "Resizer.html",
868       "href": "Resizer.html#Ext-resizer-Resizer-property-originalTarget",
869       "shortDoc": "Reference to the original resize target if the element of the original\nresize target was an IMG or a TEXTAREA which m..."
870     },
871     {
872       "tagname": "property",
873       "name": "resizeTracker",
874       "member": "Ext.resizer.Resizer",
875       "type": "Ext.resizer.ResizeTracker",
876       "doc": "\n",
877       "private": false,
878       "static": false,
879       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
880       "linenr": 257,
881       "html_filename": "Resizer.html",
882       "href": "Resizer.html#Ext-resizer-Resizer-property-resizeTracker"
883     }
884   ],
885   "event": [
886     {
887       "tagname": "event",
888       "name": "beforeresize",
889       "member": "Ext.resizer.Resizer",
890       "doc": "<p>Fired before resize is allowed. Return false to cancel resize.</p>\n",
891       "params": [
892         {
893           "type": "Ext.resizer.Resizer",
894           "name": "this",
895           "doc": "\n",
896           "optional": false
897         },
898         {
899           "type": "Number",
900           "name": "width",
901           "doc": "<p>The start width</p>\n",
902           "optional": false
903         },
904         {
905           "type": "Number",
906           "name": "height",
907           "doc": "<p>The start height</p>\n",
908           "optional": false
909         },
910         {
911           "type": "Ext.EventObject",
912           "name": "e",
913           "doc": "<p>The mousedown event</p>\n",
914           "optional": false
915         }
916       ],
917       "private": false,
918       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
919       "linenr": 157,
920       "html_filename": "Resizer.html",
921       "href": "Resizer.html#Ext-resizer-Resizer-event-beforeresize",
922       "shortDoc": "<p>Fired before resize is allowed. Return false to cancel resize.</p>\n"
923     },
924     {
925       "tagname": "event",
926       "name": "resize",
927       "member": "Ext.resizer.Resizer",
928       "doc": "<p>Fired after a resize.</p>\n",
929       "params": [
930         {
931           "type": "Ext.resizer.Resizer",
932           "name": "this",
933           "doc": "\n",
934           "optional": false
935         },
936         {
937           "type": "Number",
938           "name": "width",
939           "doc": "<p>The new width</p>\n",
940           "optional": false
941         },
942         {
943           "type": "Number",
944           "name": "height",
945           "doc": "<p>The new height</p>\n",
946           "optional": false
947         },
948         {
949           "type": "Ext.EventObject",
950           "name": "e",
951           "doc": "<p>The mouseup event</p>\n",
952           "optional": false
953         }
954       ],
955       "private": false,
956       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
957       "linenr": 175,
958       "html_filename": "Resizer.html",
959       "href": "Resizer.html#Ext-resizer-Resizer-event-resize",
960       "shortDoc": "<p>Fired after a resize.</p>\n"
961     },
962     {
963       "tagname": "event",
964       "name": "resizedrag",
965       "member": "Ext.resizer.Resizer",
966       "doc": "<p>Fires during resizing. Return false to cancel resize.</p>\n",
967       "params": [
968         {
969           "type": "Ext.resizer.Resizer",
970           "name": "this",
971           "doc": "\n",
972           "optional": false
973         },
974         {
975           "type": "Number",
976           "name": "width",
977           "doc": "<p>The new width</p>\n",
978           "optional": false
979         },
980         {
981           "type": "Number",
982           "name": "height",
983           "doc": "<p>The new height</p>\n",
984           "optional": false
985         },
986         {
987           "type": "Ext.EventObject",
988           "name": "e",
989           "doc": "<p>The mousedown event</p>\n",
990           "optional": false
991         }
992       ],
993       "private": false,
994       "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
995       "linenr": 166,
996       "html_filename": "Resizer.html",
997       "href": "Resizer.html#Ext-resizer-Resizer-event-resizedrag",
998       "shortDoc": "<p>Fires during resizing. Return false to cancel resize.</p>\n"
999     }
1000   ],
1001   "filename": "/Users/nick/Projects/sencha/SDK/extjs/src/resizer/Resizer.js",
1002   "linenr": 1,
1003   "html_filename": "Resizer.html",
1004   "href": "Resizer.html#Ext-resizer-Resizer",
1005   "cssVar": [
1006
1007   ],
1008   "cssMixin": [
1009
1010   ],
1011   "component": false,
1012   "superclasses": [
1013
1014   ],
1015   "subclasses": [
1016
1017   ],
1018   "mixedInto": [
1019
1020   ],
1021   "allMixins": [
1022     "Ext.util.Observable"
1023   ]
1024 });