Resizable(调整大小)组件
Posted alaic2052243080
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Resizable(调整大小)组件相关的知识,希望对你有一定的参考价值。
一、class加载方式
<div id="pop" class="easyui-resizable" data-options="maxWidth:400, maxHeight:400" style="width: 100px;height: 100px;background-color: powderblue"></div>
二、js加载方式
$("#pop").resizable(
//属性
disabled:false , //设置为 true 则禁用调整,默认为 false
handles:‘s,e‘, //值为string ,声明调整的方位 n/s/w/e/ne/se/sw/nw/all -> 北/南/西/东
minWidth:200 , //最小宽度 默认为10
minHeight:200, //最小高度 默认为10
maxWidth:400 , //最大宽度 默认为10000
maxHeight:400 , //最大高度 默认为10000
edge:50 , //边框边缘触发大小 默认 5
//事件
onResize:function ()
return false
, //在调整大小期间触发。当返回 false 的时候, 不会实际改变 DOM 元素大小,直到松开鼠标左键才会改变DOM元素大小
onStartResize : function (e) , //在开始改变大小的时候触发
onStopResize : function (e) , //在停止改变大小的时候触发
);
//方法
$(‘#pop‘).resizable(‘options‘); //返回属性对象
$(‘#box‘).resizable(‘disable‘); //禁止调整
$(‘#box‘).resizable(‘enable‘); //启用放置
三、
以上是关于Resizable(调整大小)组件的主要内容,如果未能解决你的问题,请参考以下文章
jQuery sortable resizable draggable的大小调整问题