@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 功能. |
以上如有错误信息,请指出,thanks!