07 jQuery EasyUI 之Resizable調(diào)整大小

如果初始化一個(gè)DIV并設(shè)置了高度寬度，但是又想動(dòng)態(tài)改變div尺寸大小，就需要使用Resizable

Resizable插件有2種方式實(shí)現(xiàn)

第一種 通過標(biāo)記創(chuàng)建Resizable對象

<div class="easyui-resizable"    data-options="maxWidth:800,maxHeight:600"></div>

class="easyui-resizable" 通過設(shè)置class

第二種 通過javascript創(chuàng)建Resizable對象

先定義div并定義ID

<div id="rr" ></div>

在調(diào)用javascript代碼

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

常用屬性：

disabled:如果設(shè)置為 true，則禁止調(diào)整尺寸。

handles:指可調(diào)整尺寸（resizable）的方向，'n' 是北，'e' 是東，等等。

minHeight:調(diào)整尺寸時(shí)最小高度。   
maxWidth:調(diào)整尺寸時(shí)最大寬度。    
maxHeigh:調(diào)整尺寸時(shí)最大高度。   
edge:被調(diào)整尺寸的邊框的邊緣。