通过 $.fn.resizable.defaults 重写默认的 defaults。 用法通过标记创建可调整尺寸(resizable)对象。 <div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;" data-options="maxWidth:800,maxHeight:600"></div> 使用 javascript 创建可调整尺寸(resizable)对象。 <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 | 指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。 | 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 | 返回可调整尺寸(resizable)选项(options)。 | enable | none | 启用可调整尺寸(resizable)特性。 | disable | none | 禁用可调整尺寸(resizable)特性。 |
下载地址: jQuery EasyUI 基础插件 - Pagination 分页 jQuery EasyUI 基础插件 - Droppable 可放置 |