jQuery EasyUI Basis-Plugin -Resizable

Überschreiben Sie die Standardvorgaben mit $.fn.resizable.defaults.

Nutzung

Erstellen Sie ein resizable-Objekt über Markup.

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

Erstellen Sie ein resizable-Objekt mit JavaScript.

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

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

Name	Type	Beschreibung	Standardwert
disabled	boolesch	Wenn auf true gesetzt, ist die Größenänderung deaktiviert.	false
handles	string	Gibt die Richtung des resizable-Objekts an; 'n' steht für Norden, 'e' für Osten usw.	n, e, s, w, ne, se, sw, nw, all
minWidth	number	Die Mindestbreite bei der Größenänderung.	10
minHeight	number	Die Mindesthöhe bei der Größenänderung.	10
maxWidth	number	Die maximale Breite bei der Größenänderung.	10000
maxHeight	number	Die maximale Höhe bei der Größenänderung.	10000
edge	number	Die Kante des Rahmens, die in der Größe geändert wird.	5

Name	Parameters	Beschreibung
onStartResize	e	Wird ausgelöst, wenn mit der Größenänderung begonnen wird.
onResize	e	Wird während der Größenänderung ausgelöst. Wenn false zurückgegeben wird, führt das DOM-Element die tatsächliche Größenänderung nicht aus.
onStopResize	e	Wird ausgelöst, wenn die Größenänderung beendet wird.

Name	Parameters	Beschreibung
options	none	Gibt die Optionen für die Größenänderung zurück.
enable	none	Aktiviert die Funktion zur Größenänderung.
disable	none	Deaktiviert die Funktion zur Größenänderung.

jQuery EasyUI Plugin Weitere Erweiterungen