### Resizable（调整大小） 使用$.fn.resizable.defaults重写默认值对象。 #### 使用案例 使用标签创建可变大小的窗口。 1. <divid="rr"class="easyui-resizable"data-options="maxWidth:800,maxHeight:600"style="width:100px;height:100px;border:1px solid #ccc;"></div> <div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;"></div> 使用Javascript创建可变大小的窗口。 1. <divid="rr"style="width:100px;height:100px;border:1px solid #ccc;"></div> <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div> 1. $('#rr').resizable({ 1. maxWidth:800, 1. maxHeight:600 1. }); $('#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 | 禁用调整大小功能。 |