Heim > Web-Frontend > js-Tutorial > jQuery EasyUI Tutorial-Resizable (Größe ändern)

jQuery EasyUI Tutorial-Resizable (Größe ändern)

黄舟
Freigeben: 2016-12-27 16:30:42
Original
1714 Leute haben es durchsucht

Die jQuery-Resizable-Komponente (Größenänderung) ist eine der Grundkomponenten von EasyUI. Sie bedeutet, dass Elemente gezogen und in der Größe geändert werden können. Sie ist relativ einfach zu verwenden und verfügt über entsprechende Eigenschaften In diesem Artikel wird es Ihnen als nächstes vorgestellt.

Verwenden Sie $.fn.resizable.defaults, um das Standardwertobjekt zu überschreiben.

Anwendungsfall:

Passen Sie die Größe des Fensters mit zwei Methoden an: Beschriftung und Javascript.

1. Verwenden Sie Etiketten, um Fenster variabler Größe zu erstellen.

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

2. Verwenden Sie Javascript, um ein Fenster mit variabler Größe zu erstellen.

<div id=”rr” style=”width:100px;height:100px;border:1px solid #ccc;”></div>
Nach dem Login kopieren
$(‘#rr’).resizable({
maxWidth:800,
maxHeight:600
});
Nach dem Login kopieren

Eigenschaften:

jQuery EasyUI Tutorial-Resizable (Größe ändern)

Ereignisse:

jQuery EasyUI Tutorial-Resizable (Größe ändern)

Methoden:

jQuery EasyUI Tutorial-Resizable (Größe ändern)

Das Obige ist der Inhalt des jQuery EasyUI-Tutorials – Resizable (Größe ändern). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage