jQuery EasyUI 基礎プラグイン -Resizable サイズ調整可能

$.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）機能を無効にします。