Class Ext.Resizable

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

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
 '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);

属性 - 方法 - 事件 - 设置选项

公共属性

此类没有公共属性。

公共方法

方法		定义对象
	Resizable(`String/HTMLElement/Ext.Element el`, `Object config`)	Resizable
	Create a new resizable component	Resizable
	addEvents(`Object object`) : void	Observable
	将对象中没有的事件从给出的对象中复制过来。	Observable
	addListener(`String eventName`, `Function handler`, [`Object scope`], [`Object options`]) : void	Observable
	为该组件加入事件处理器函数	Observable
	fireEvent(`String eventName`, `Object... args`) : Boolean	Observable
	触发指定的事件, 并将参数传入（至少要有事件名称）。	Observable
	hasListener(`String eventName`) : Boolean	Observable
	检查该对象是否拥有指定事件的侦听器	Observable
	on(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	为该组件加入事件处理器函数, addListener 的简写方式	Observable
	purgeListeners() : void	Observable
	从对象身上移除所有的侦听器	Observable
	removeListener(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器	Observable
	un(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器, removeListener 的简写方式	Observable

公共事件

此类没有公共事件。

设置选项

设置选项		定义对象
	adjustments : Array/String	Resizable
	String "auto" or an array [width, height] with values to be added to the resize operation's new size (defaults to [0,...	Resizable
	animate : Boolean	Resizable
	True to animate the resize (not compatible with dynamic sizing, defaults to false)	Resizable
	disableTrackOver : Boolean	Resizable
	True to disable mouse tracking. This is only applied at config time. (defaults to false)	Resizable
	draggable : Boolean	Resizable
	Convenience to initialize drag drop (defaults to false)	Resizable
	duration : Number	Resizable
	Animation duration if animate = true (defaults to .35)	Resizable
	dynamic : Boolean	Resizable
	True to resize the element while dragging instead of using a proxy (defaults to false)	Resizable
	easing : String	Resizable
	Animation easing if animate = true (defaults to 'easingOutStrong')	Resizable
	enabled : Boolean	Resizable
	False to disable resizing (defaults to true)	Resizable
	handles : Boolean/String	Resizable
	String consisting of the resize handles to display (defaults to false)	Resizable
	height : Number	Resizable
	The height of the element in pixels (defaults to null)	Resizable
	heightIncrement : Number	Resizable
	The increment to snap the height resize in pixels (dynamic must be true, defaults to 0)	Resizable
	maxHeight : Number	Resizable
	The maximum height for the element (defaults to 10000)	Resizable
	maxWidth : Number	Resizable
	The maximum width for the element (defaults to 10000)	Resizable
	minHeight : Number	Resizable
	The minimum height for the element (defaults to 5)	Resizable
	minWidth : Number	Resizable
	The minimum width for the element (defaults to 5)	Resizable
	minX : Number	Resizable
	The minimum allowed page X for the element (only used for west resizing, defaults to 0)	Resizable
	minY : Number	Resizable
	The minimum allowed page Y for the element (only used for north resizing, defaults to 0)	Resizable
	multiDirectional : Boolean	Resizable
	Deprecated. The old style of adding multi-direction resize handles, deprecated in favor of the handles config option ...	Resizable
	pinned : Boolean	Resizable
	True to ensure that the resize handles are always visible, false to display them only when the user mouses over the r...	Resizable
	preserveRatio : Boolean	Resizable
	True to preserve the original ratio between height and width during resize (defaults to false)	Resizable
	resizeChild : Boolean/String/Element	Resizable
	True to resize the first child, or id/element to resize (defaults to false)	Resizable
	transparent : Boolean	Resizable
	True for transparent handles. This is only applied at config time. (defaults to false)	Resizable
	width : Number	Resizable
	The width of the element in pixels (defaults to null)	Resizable
	widthIncrement : Number	Resizable
	The increment to snap the width resize in pixels (dynamic must be true, defaults to 0)	Resizable
	wrap : Boolean	Resizable
	True to wrap an element with a div if needed (required for textareas and images, defaults to false)	Resizable

构造函数

Resizable

public function Resizable(String/HTMLElement/Ext.Element el, Object config)

Create a new resizable component

参数：

el : String/HTMLElement/Ext.Element
The id or element to resize
config : Object
configuration options

方法详情

addEvents

public function addEvents(Object object)

将对象中没有的事件从给出的对象中复制过来。给出的对象必须也继承于 Observable 对象此方法才会有效果。

参数：

object : Object
要复制事件的源对象

返回：

void

This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object scope], [Object options])

为组件添加一个事件监听器

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
scope : Object
（可选）处理函数执行的作用域。处理函数 "this" 的内容。
options : Object
（可选）一个包含处理设置属性的对象。可以包含下列的属性：
- scope {Object} 处理函数执行的作用域。处理函数 "this" 的内容。
- delegate {String} 一个简单的选择器用来过滤目标或查找目标的子节点。
- stopEvent {Boolean} 值为 True 时用来中止事件。那样将中止传播，并防止缺省动作。
- preventDefault {Boolean} 值为 True 时用来防止缺省动作。
- stopPropagation {Boolean} 值为 True 时用来中止事件传播。
- normalized {Boolean} 值为 False 时向处理函数传递浏览器事件用以代替 Ext.EventObject 对象。
- delay {Number} 当事件触发后启用处理函数的延迟微秒数。
- single {Boolean} 值为 True 时将添加一个处理函数用来处理下个触发的事件，并在处理完后移除。
- buffer {Number} 使处理函数计划在由 Ext.util.DelayedTask 指定的微秒数后执行。如果事件在延迟期间再次触发，原来的处理函数将不再启动，而是由新的计划代替。
组合选项
使用选项参数可以组合不同类型的监听器：

下面是一个标准的、延迟执行的、一次性的监听器，将会自动停止事件并传递一个自定义的参数(forumId)
代码：
```
el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });
```
这个方法也允许传递的单个参数是一个包含多个指定处理函数的设置对象。

一次调用多个处理函数
代码：
```
el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } });
```
或者简写为：
代码：
```
el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });
```

返回：

void

This method is defined by Observable.

fireEvent

public function fireEvent(String eventName, Object... args)

触发指定的事件并给出参数（至少要有事件名称）。

参数：

eventName : String
args : Object...
传入处理函数的参数

返回：

Boolean
如果任何处理函数返回 false 则返回值为 false, 否则返回 true。

This method is defined by Observable.

hasListener

public function hasListener(String eventName)

检查该对象是否拥有指定事件的侦听器

参数：

eventName : String
查询事件之名称

返回：

Boolean
值为 True 值表示事件监听器存在, 否则值为 false。

This method is defined by Observable.

on

public function on(String eventName, Function handler, [Object options])

为该组件加入事件处理器函数, addListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
options : Object
（可选）

返回：

void

This method is defined by Observable.

purgeListeners

public function purgeListeners()

从对象身上移除所有的侦听器

参数：

无。

返回：

void

This method is defined by Observable.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])

移除侦听器

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

un

public function un(String eventName, Function handler, [Object scope])

移除侦听器, removeListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

设置详情

adjustments

adjustments : Array/String

String "auto" or an array [width, height] with values to be added to the resize operation's new size (defaults to [0, 0])