Complemento básico de jQuery EasyUI -Resizable (tamaño ajustable)

Reescriba los defaults predeterminados mediante $.fn.resizable.defaults.

Uso

Cree un objeto resizable (tamaño ajustable) mediante marcado.

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

Cree un objeto resizable (tamaño ajustable) usando JavaScript.

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

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

Nombre	Tipo	Descripción	Valor por defecto
disabled	boolean	Si se establece en true, se prohíbe ajustar el tamaño.	false
handles	string	Indica la dirección del redimensionamiento, 'n' es norte, 'e' es este, etc.	n, e, s, w, ne, se, sw, nw, all
minWidth	number	Ancho mínimo al ajustar el tamaño.	10
minHeight	number	Alto mínimo al ajustar el tamaño.	10
maxWidth	number	Ancho máximo al ajustar el tamaño.	10000
maxHeight	number	Alto máximo al ajustar el tamaño.	10000
edge	number	El borde del marco cuyo tamaño se ajusta.	5

Nombre	Parámetros	Descripción
onStartResize	e	Se dispara al comenzar a ajustar el tamaño.
onResize	e	Se dispara durante el ajuste del tamaño. Si devuelve false, el elemento DOM no realizará la acción real de ajuste de tamaño.
onStopResize	e	Se dispara al detener el ajuste del tamaño.

Nombre	Parámetros	Descripción
options	none	Devuelve las opciones (options) de resizable (tamaño ajustable).
enable	none	Habilita la función de tamaño ajustable (resizable).
disable	none	Deshabilita la función de tamaño ajustable (resizable).