PropertiesMethodsEventsConfig OptionsDirect Link

Class Ext.Resizable

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

在元素上应用拖动柄以使其支持缩放。拖动柄是嵌入在元素内部的且采用了绝对定位。某些元素, 如文本域或图片, 不支持这种做法。为了克服这种情况, 你可以把文本域打包在一个 Div 内, 并把 "resizeChild" 属性设为 true(或者指向元素的 ID), 或者在配置项中设置 wrap 属性为 true, 元素就会被自动打包了。

下面是有效的拖动柄的值列表:

值      说明
------  -------------------
 'n'     北(north)
 's'     南(south)
 'e'     东(east)
 'w'     西(west)
 'nw'    西北(northwest)
 'sw'    西南(southwest)
 'se'    东北(southeast)
 'ne'    东南(northeast)
 'all'   所有

下面是展示的是创建一个典型的 Resizable 对象的例子:


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

想要隐藏某个缩放柄, 可以将它的CSS样式中的 display 属性设为 none, 或者通过脚本来实现:
resizer.east.setDisplayed(false);

@cf

配置项

配置项 定义者

公告属性

这个类没有公告属性。

公共方法

方法 定义者

公告事件

事件 定义者