jQuery EasyUI 基礎插件 - Resizable 可調整尺寸

jQuery EasyUI 插件 jQuery EasyUI 插件

通過 $.fn.resizable.defaults 重寫默認的 defaults。

用法

通過標記創建可調整尺寸（resizable）對象。

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

使用 javascript 創建可調整尺寸（resizable）對象。

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

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

屬性

名稱 類型 描述 默認值
disabled boolean 如果設置為 true，則禁止調整尺寸。 false
handles string 指可調整尺寸（resizable）的方向，'n' 是北，'e' 是東，等等。 n, e, s, w, ne, se, sw, nw, all
minWidth number 調整尺寸時最小寬度。 10
minHeight number 調整尺寸時最小高度。 10
maxWidth number 調整尺寸時最大寬度。 10000
maxHeight number 調整尺寸時最大高度。 10000
edge number 被調整尺寸的邊框的邊緣。 5

事件

名稱 參數 描述
onStartResize e 開始調整尺寸時觸發。
onResize e 調整尺寸期間觸發。返回 false 時，DOM 元素將不進行實際的調整尺寸動作。
onStopResize e 停止調整尺寸時觸發。

方法

名稱 參數 描述
options none 返回可調整尺寸（resizable）選項（options）。
enable none 啟用可調整尺寸（resizable）特性。
disable none 禁用可調整尺寸（resizable）特性。
jQuery EasyUI 插件 jQuery EasyUI 插件