Roo.util.Observable
Roo.Resizable 

		   

Class Roo.Resizable

Package:Roo
Defined In: Roo/Resizable.js.
Class:Resizable
Extends: Roo.util.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
'e' east
'w' west
'nw' northwest
'sw' southwest
'se' southeast
'ne' northeast
'hd' horizontal drag
'all' all

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



var resizer = new Roo.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);

Class Comments / Notes => [Add Your comment/notes about this class]
Config Options (Usually are also Properties)
Options Defined By
Public Properties - Has None
Public Methods
Method Defined By
Events
Event Defined By
Documentation generated by Introspection Doc Generator on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT) Based on JsDoc Toolkit