|
Resizer
|
Applies drag handles to an element or component to make it resizable. The
drag handles are inserted into the element (or component's element) and
positioned absolute. Textarea and img elements will be wrapped with an additional div because
these elements do not support child nodes. The original element can be accessed
through the originalTarget property. 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
'all' all
Here's an example showing the creation of a typical Resizer:
Ext.create('Ext.resizer.Resizer', {
el: 'elToResize',
handles: 'all',
minWidth: 200,
minHeight: 100,
maxWidth: 500,
maxHeight: 400,
pinned: true
});
|