无主题 · 开发技术博客

JQuery EasyUI resizable(可变尺寸)

可变尺寸

重写默认方法 $.fn.resizable.defaults.

应用实例:

创建可调整大小的对象从标记。

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

使用javascript创建可调整大小的对象。

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>
<script>
$('#rr').resizable({ maxWidth:800, maxHeight:600});
</script>

属性

姓名 类型 说明 默认
disabled boolean True不能调整大小。 false
handles string 表示方向的可调整大小的,“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 返回可调整大小的选项.
enable none 启用可调整大小的功能.
disable none 禁用可调整大小的功能.

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏博主
站内评论 新浪微博评论
发表评论
暂无评论
没有看到评论?强制刷新
评论 (0)
引用 (0)