閱讀(4.1k) 書簽贊(0) 我要糾錯

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

2018-09-19 16:32 更新

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

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

通過標記創(chuàng)建可調整尺寸（resizable）對象。

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

使用 javascript 創(chuàng)建可調整尺寸（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	開始調整尺寸時觸發(fā)。
onResize	e	調整尺寸期間觸發(fā)。返回 false 時，DOM 元素將不進行實際的調整尺寸動作。
onStopResize	e	停止調整尺寸時觸發(fā)。

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