閱讀(4.2k) 書(shū)簽贊(0) 我要糾錯(cuò)

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

2018-09-19 16:32 更新

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

通過(guò) $.fn.resizable.defaults 重寫(xiě)默認(rèn)的 defaults。

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

<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）對(duì)象。

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

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

名稱(chēng)	類(lèi)型	描述	默認(rèn)值
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)整尺寸時(shí)最小寬度。	10
minHeight	number	調(diào)整尺寸時(shí)最小高度。	10
maxWidth	number	調(diào)整尺寸時(shí)最大寬度。	10000
maxHeight	number	調(diào)整尺寸時(shí)最大高度。	10000
edge	number	被調(diào)整尺寸的邊框的邊緣。	5

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

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