Plugin de base jQuery EasyUI -Resizable


jQuery EasyUI 插件jQuery EasyUI Plugin

Remplacez les valeurs par défaut à l'aide de $.fn.resizable.defaults.

Utilisation

Créez un objet redimensionnable via le balisage.

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

Créez un objet redimensionnable à l'aide de JavaScript.

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>
$('#rr').resizable({
    maxWidth:800,
    maxHeight:600
});

Propriétés

Name Type Description Valeur par défaut
disabled booléen Si défini sur true, le redimensionnement est désactivé. false
poignées string Indique la direction de l'élément redimensionnable, 'n' est nord, 'e' est est, etc. n, e, s, w, ne, se, sw, nw, all
minWidth nombre La largeur minimale lors du redimensionnement. 10
minHeight nombre La hauteur minimale lors du redimensionnement. 10
maxWidth nombre La largeur maximale lors du redimensionnement. 10000
maxHeight nombre La hauteur maximale lors du redimensionnement. 10000
bord nombre Le bord de la bordure en cours de redimensionnement. 5

Événements

Name Parameters Description
onStartResize e Se déclenche au début du redimensionnement.
onResize e Se déclenche pendant le redimensionnement. Si false est renvoyé, l'élément DOM n'exécutera pas l'action de redimensionnement réelle.
onStopResize e Se déclenche lorsque le redimensionnement s'arrête.

Méthodes

Name Parameters Description
options none Renvoie les options de redimensionnement.
enable none Active la fonctionnalité de redimensionnement.
disable none Désactive la fonctionnalité de redimensionnement.

jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions