X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/output/Ext.Resizable.html diff --git a/docs/output/Ext.Resizable.html b/docs/output/Ext.Resizable.html index 3305139d..1b186fcd 100644 --- a/docs/output/Ext.Resizable.html +++ b/docs/output/Ext.Resizable.html @@ -1,29 +1,10 @@ -
-
- Properties - Methods - Events - Config Options - Direct Link -
-
-
Observable
-  Resizable
-

Class Ext.Resizable

- - - - - -
Package:Ext
Defined In:Resizable.js
Class:Resizable
Extends:Observable
-
- * -

Applies drag handles to an element to make it resizable. The drag handles are inserted into the element -and positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap -the textarea in a div and set "resizeChild" to true (or to the id of the element), or set wrap:true in your config and -the element will be wrapped for you automatically.

-

Here is the list of valid resize handles:

-
Value   Description
+
Properties
Methods
Events
Config Options
Direct Link
Observable
  Resizable
Class Ext.Resizable
Package:Ext
Defined In:Resizable.js
Class:Resizable
Extends:Observable
Applies drag handles to an element to make it resizable. The drag handles are inserted into the element 
+and positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap
+the textarea in a div and set 'resizeChild' to true (or to the id of the element), or set wrap:true in your config and
+the element will be wrapped for you automatically.

+
Here is the list of valid resize handles:

+
+Value   Description
 ------  -------------------
  'n'     north
  's'     south
@@ -33,794 +14,220 @@ the element will be wrapped for you automatically.

  'sw'    southwest
  'se'    southeast
  'ne'    northeast
- 'all'   all

-
Here's an example showing the creation of a typical Resizable:

-
var resizer = new Ext.Resizable("element-id", {
-    handles: 'all',
-    minWidth: 200,
-    minHeight: 100,
-    maxWidth: 500,
-    maxHeight: 400,
-    pinned: true
+ 'all'   all
+

+
Here's an example showing the creation of a typical Resizable:

+
var resizer = new Ext.Resizable('element-id', {
+    handles: 'all',
+    minWidth: 200,
+    minHeight: 100,
+    maxWidth: 500,
+    maxHeight: 400,
+    pinned: true
+});
+resizer.on('resize', myHandler);

+
To hide a particular handle, set its display to none in CSS, or through script:

+resizer.east.setDisplayed(false);
Config Options
Config OptionsDefined By
 animate : Boolean
True to animate the resize (not compatible with dynamic sizing, defaults to false)
Resizable
 constrainTo : Mixed
Constrain the resize to a particular element
Resizable
 disableTrackOver : Boolean
True to disable mouse tracking. This is only applied at config time. (defaults to false)
Resizable
 draggable : Boolean
Convenience to initialize drag drop (defaults to false)
Resizable
 duration : Number
Animation duration if animate = true (defaults to 0.35)
Resizable
 dynamic : Boolean
True to resize the element while dragging instead of using a proxy (defaults to false)
Resizable
 easing : String
Animation easing if animate = true (defaults to 'easingOutStrong')
Resizable
 enabled : Boolean
False to disable resizing (defaults to true)
Resizable
 height : Number
The height of the element in pixels (defaults to null)
Resizable
 heightIncrement : Number
The increment to snap the height resize in pixels
+(only applies if dynamic==true). Defaults to 0.
Resizable
Public Events
EventDefined By

\ No newline at end of file