如果初始化一个DIV并设置了高度宽度，但是又想动态改变div尺寸大小，就需要使用Resizable
Resizable插件有2种方式实现
第一种 通过标记创建Resizable对象
|
1
|
<
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
|
1
|
<
div
id
=
"rr"
style
=
"width:100px;height:100px;border:1px solid #ccc;"
></
div
>
|
在调用javascript代码
|
1
2
3
4
|
$(
'#rr'
).resizable({
maxWidth:800,
maxHeight:600
});
|
常用属性：
disabled:如果设置为 true，则禁止调整尺寸。
handles:指可调整尺寸（resizable）的方向，'n' 是北，'e' 是东，等等。
minHeight:调整尺寸时最小高度。
maxWidth:调整尺寸时最大宽度。
maxHeigh:调整尺寸时最大高度。
edge:被调整尺寸的边框的边缘。
本文转自 l363130002 51CTO博客，原文链接:http://blog.51cto.com/liuyj/1590867
