Tutoriel jQuery EasyUI-Redimensionnable (Redimensionner)

Le composant jQuery-Resizing (resize) est l'un des composants de base d'EasyUI. Le redimensionnement signifie que les éléments peuvent être glissés et redimensionnés. Ce composant ne dépend pas d'autres composants. Il est relativement simple à utiliser et possède des propriétés et des événements associés. méthodes. Cet article vous le présentera ensuite.

Utilisez $.fn.resizing.defaults pour remplacer l'objet de valeur par défaut.

Cas d'utilisation :

Ajustez la taille de la fenêtre grâce à deux méthodes : label et Javascript.

1. Utilisez des étiquettes pour créer des fenêtres de taille variable.

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

2. Utilisez Javascript pour créer une fenêtre de taille variable.

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

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

Propriétés :

Événements :

Méthodes :

Ce qui précède est le contenu du didacticiel jQuery EasyUI - Redimensionnable (redimensionner). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !