返回介绍

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

发布于 2018-05-28 02:42:11 字数 1845 浏览 1122 评论 0 收藏 0

pre { white-space: pre-wrap; } jQuery EasyUI 插件

通过 $.fn.resizable.defaults 重写默认的 defaults。

用法

通过标记创建可调整尺寸(resizable)对象。

<div
    data-options="maxWidth:800,maxHeight:600">
</div>

使用 javascript 创建可调整尺寸(resizable)对象。

<div id="rr"></div>
$('#rr').resizable({
    maxWidth:800,
    maxHeight:600
});

属性

名称类型描述默认值
disabledboolean如果设置为 true,则禁止调整尺寸。false
handlesstring指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。n, e, s, w, ne, se, sw, nw, all
minWidthnumber调整尺寸时最小宽度。10
minHeightnumber调整尺寸时最小高度。10
maxWidthnumber调整尺寸时最大宽度。10000
maxHeightnumber调整尺寸时最大高度。10000
edgenumber被调整尺寸的边框的边缘。5

事件

名称参数描述
onStartResizee开始调整尺寸时触发。
onResizee调整尺寸期间触发。返回 false 时,DOM 元素将不进行实际的调整尺寸动作。
onStopResizee停止调整尺寸时触发。

方法

名称参数描述
optionsnone返回可调整尺寸(resizable)选项(options)。
enablenone启用可调整尺寸(resizable)特性。
disablenone禁用可调整尺寸(resizable)特性。
jQuery EasyUI 插件

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文