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

jQuery EasyUI 基礎(chǔ)插件 – Resizable 可調(diào)整尺寸

2018-09-19 16:32 更新

jQuery EasyUI 基礎(chǔ)插件 - Resizable 可調(diào)整尺寸

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

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

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

使用 javascript 創(chuàng)建可調(diào)整尺寸（resizable）對象。

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

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

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

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

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

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充