Plugin de base jQuery EasyUI -Resizable
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 Plugin Autres extensions