您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 基础插件 - Resizable 可调整尺寸

51自学网 2023-01-16 20:14:26
  jQuery

通过 $.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 可放置
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1