easyUI Resizable

本文详细介绍了 EasyUI 中的 Resizeable 组件及其使用方法。包括如何通过 HTML 标记或 JavaScript 创建可调整大小的对象,组件的各项属性如 maxWidth 和 maxHeight 的设置方式,以及事件处理等高级功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

@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!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值