EasyUI-Resizable（调整大小）
使用$.fn.resizable.defaults重写默认值对象。
使用案例
使用标签创建可变大小的窗口。
-
<div id=”rr” class=”easyui-resizable” data-options=”maxWidth:800,maxHeight:600″ style=”width:100px;height:100px;border:1px solid #ccc;”></div>
使用Javascript创建可变大小的窗口。
-
<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 |
声明调整方位,’n’=北,’e’=东,’s’=南等。 |
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 |
返回调整大小属性。 |
|
enable |
none |
启用调整大小功能。 |
|
disable |
none |
禁用调整大小功能。 |
声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-Resizable（调整大小）》
本文地址：http://www.xiupu.net/archives-2367.html
关注公众号：
微信赞赏
支付宝赞赏
鲁公网安备 37011302000391号