欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

Resizable(调整大小)

创建时间:2014年08月23日 09:56  阅读次数:(3959)
分享到:

Resizable(调整大小)

使用$.fn.resizable.defaults重写默认值对象。

使用案例

使用标签创建可变大小的窗口。

  1. <div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;"></div>

使用Javascript创建可变大小的窗口。

  1. <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>

 

  1. $('#rr').resizable({
  2. maxWidth:800,
  3. maxHeight:600
  4. });

 

属性

属性名 属性值类型 描述 默认值
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 禁用调整大小功能。
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 78+55=? 的结果(结果是:133)
结  果: