ui.resizearea
Visualization and handling resize movements.
Not purposed for direct initialization. Check Ui.resizearea. Common tips article for more detailed description.
Constructor
var resizearea = webix.ui({
view:"resizearea",
container:"mydiv",
...config options goes here..
})
//or, in case of jQuery
$("#mydiv").webix_resizearea({
...config options goes here..
});
Methods
attachEvent | attaches the handler to an inner event of the component (allows behaviour customizations) |
blockEvent | temporarily blocks triggering of ALL events of the calling object |
callEvent | calls an inner event |
define | redefines a single configuration property (or a hash of properties) |
detachEvent | detaches a handler from an event (which was attached before by the attachEvent method) |
hasEvent | checks whether the component has the specified event |
mapEvent | routes events from one object to another |
unblockEvent | cancels blocking events that was enabled by the 'blockEvent' command |
Events
onResize | occures when the user moves the 'resize' cursor |
onResizeEnd | occures when the user ends moving the 'resize' cursor (releases the mouse button) |
Properties
border | enables border around resize area |
container | html element to which area will be attached |
cursor | which cursor to show during resize |
dir | sets the direction of resizing |
eventPos | the top (vertical resizing) or left (horizontal resizing) absolute event position.
|
Setting a pure number value doesn't make any sense. | |
height | vertical size of resizing area |
id | the component ID |
on | allows attaching custom handlers to inner events of the component |
start | sets the top (vertical resizing) or left (horizontal resizing) initial relative position of the 'resize' marker |
width | horizontal size of resizing area |
Other
config | all options from initial component configuration |
name | indicates the name of the component (a read-only property) |
Back to top