07 jQuery EasyUI 之Resizable调整大小
如果初始化一个DIV并设置了高度宽度,但是又想动态改变div尺寸大小,就需要使用Resizable
Resizable插件有2种方式实现
第一种 通过标记创建Resizable对象
<divclass="easyui-resizable"data-options="maxWidth:800,maxHeight:600"></div>
class="easyui-resizable" 通过设置class
第二种 通过javascript创建Resizable对象
先定义div并定义ID
<divid="rr"></div>
在调用javascript代码
$('#rr').resizable({maxWidth:800,maxHeight:600});
常用属性:
disabled:如果设置为 true,则禁止调整尺寸。
handles:指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。
minHeight:调整尺寸时最小高度。
maxWidth:调整尺寸时最大宽度。
maxHeigh:调整尺寸时最大高度。
edge:被调整尺寸的边框的边缘。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。