@author YHC
覆盖默认值$.fn.resizable.defaults.
使用示例
从标记创建 resizable 对象.
<div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;"></div>
从javascript创建
resizable对象
<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>
$('#rr').resizable({
maxWidth:800,
maxHeight:600
});
属性
Name | Type | Description | Default |
---|---|---|---|
disabled | boolean | true禁用改变大小. | false |
handles | string | 指明resizable方向,'n' 是北(north),'e' 是东(east),等等... | n, e, s, w, ne, se, sw, nw, all |
minWidth | number | 当改变大小时的最小宽度. | 10 |
minHeight | number | 当改变大小时的最小高度. | 10 |
maxWidth | number | 当改变大小时的最大宽度. | 10000 |
maxHeight | number | 当改变大小时的最大高度. | 10000 |
edge | number | 需要调整大小边框的边缘. | 5 |
Events
Name | Parameters | Description |
---|---|---|
onStartResize | e | 当开始调整大小时触发. |
onResize | e | 在改变大小时触发. 当返回false,DOM元素将不能改变大小. |
onStopResize | e | 当停止改变大小时触发. |
Methods
Name | Parameter | Description |
---|---|---|
options | none | 返回 resizable的 options属性. |
enable | none | 启用resizable功能. |
disable | none | 禁用resizable 功能. |