现在位置: 首页 > jQuery EasyUI 教程 > 正文

jQuery EasyUI 基础插件 - Resizable 可调整尺寸


jQuery EasyUI 插件 jQuery EasyUI 插件

通过 $.fn.resizable.defaults 重写默认的 defaults。

用法

通过标记创建可调整尺寸(resizable)对象。

<div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;"
    data-options="maxWidth:800,maxHeight:600">
</div>

使用 javascript 创建可调整尺寸(resizable)对象。

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>
$('#rr').resizable({
    maxWidth:800,
    maxHeight:600
});

属性

名称 类型 描述 默认值
disabled boolean 如果设置为 true,则禁止调整尺寸。 false
handles string 指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。 n, e, s, w, ne, se, sw, nw, all
minWidth number 调整尺寸时最小宽度。 10
minHeight number 调整尺寸时最小高度。 10
maxWidth number 调整尺寸时最大宽度。 10000
maxHeight number 调整尺寸时最大高度。 10000
edge number 被调整尺寸的边框的边缘。 5

事件

名称 参数 描述
onStartResize e 开始调整尺寸时触发。
onResize e 调整尺寸期间触发。返回 false 时,DOM 元素将不进行实际的调整尺寸动作。
onStopResize e 停止调整尺寸时触发。

方法

名称 参数 描述
options none 返回可调整尺寸(resizable)选项(options)。
enable none 启用可调整尺寸(resizable)特性。
disable none 禁用可调整尺寸(resizable)特性。

jQuery EasyUI 插件 jQuery EasyUI 插件