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

属性

名称类型描述默认值
disabledboolean如果设置为 true,则禁止调整尺寸。false
handlesstring指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。n, e, s, w, ne, se, sw, nw, all
minWidthnumber调整尺寸时最小宽度。10
minHeightnumber调整尺寸时最小高度。10
maxWidthnumber调整尺寸时最大宽度。10000
maxHeightnumber调整尺寸时最大高度。10000
edgenumber被调整尺寸的边框的边缘。5

事件

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

方法

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

jQuery EasyUI 插件 jQuery EasyUI 插件

0 个评论

要回复文章请先登录注册