07 jQuery EasyUI 之Resizable调整大小

浏览数：41 / 时间：2015年06月09日

如果初始化一个DIV并设置了高度宽度，但是又想动态改变div尺寸大小，就需要使用Resizable

Resizable插件有2种方式实现

第一种通过标记创建Resizable对象

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

class="easyui-resizable" 通过设置class

第二种通过javascript创建Resizable对象

先定义div并定义ID

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>

在调用javascript代码

$(‘#rr‘).resizable({    
    maxWidth:800,    
    maxHeight:600
});

常用属性：

disabled:如果设置为 true，则禁止调整尺寸。

handles:指可调整尺寸（resizable）的方向，‘n‘ 是北，‘e‘ 是东，等等。

minHeight:调整尺寸时最小高度。
maxWidth:调整尺寸时最大宽度。
maxHeigh:调整尺寸时最大高度。
edge:被调整尺寸的边框的边缘。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： javascript 动态 javascript 动态

相关文章