EasyUI Resizable 可调整尺寸

通过 $.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）特性。

转载于:https://www.cnblogs.com/jiangxiaobo/p/7115349.html