使用$.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>
<script type="text/javascript">
$('#rr').resizable({
maxWidth:800,
maxHeight:600
});
</script>
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
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 | 禁用调整大小功能。 |