Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken)

黄舟
Freigeben: 2016-12-27 16:45:22
Original
1883 Leute haben es durchsucht

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken) Diese Komponente ist in Arbeitsprojekten sehr praktisch. Um zu verhindern, dass Benutzer während des Fortschritts einer bestimmten kontinuierlichen Arbeit in der Front-End-Entwicklung denken, dass das Programm tot ist Ein aktiver Fortschrittsbalken zeigt an, dass der Prozess ausgeführt wird.

Interessieren Sie sich für diese Komponente? Siehe unten.

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

Ein Fortschrittsbalken gibt Feedback und zeigt den Fortschritt eines lang andauernden Vorgangs an. Ein Fortschrittsbalken, der aktualisiert werden kann, um den Benutzer darüber zu informieren, dass gerade ein Vorgang ausgeführt wird.

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken)

Anwendungsfall:

Erstellen Sie einen Fortschrittsbalken

Erstellen Sie einen Fortschrittsbalken mit zwei Methoden: Label und Javascript.

1. Verwenden Sie HTML-Tags oder -Programme, um eine Fortschrittsbalkenkomponente zu erstellen. Das Erstellen aus einem Tag ist noch einfacher, indem Sie die Klassen-ID „easyui-progressbar“ zum

-Tag hinzufügen.
<div id=”p” class=”easyui-progressbar” data-options=”value:60″ style=”width:400px;”></div>
Nach dem Login kopieren

2. Verwenden Sie Javascript, um einen Fortschrittsbalken zu erstellen.

<div id=”p” style=”width:400px;”></div>
Nach dem Login kopieren
$(‘#p’).progressbar({
value: 60
});
Nach dem Login kopieren

Werte abrufen und festlegen

Den aktuellen Wert abrufen und einen neuen Wert für die Fortschrittsbalkensteuerung festlegen.

var value = $(‘#p’).progressbar(‘getValue’);
if (value < 100){
value += Math.floor(Math.random() * 10);
$(‘#p’).progressbar(‘setValue’, value);
}
Nach dem Login kopieren

Eigenschaften:

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken)


Veranstaltungen:

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken)

Methode:

jQuery EasyUI Tutorial-ProgressBar (Fortschrittsbalken)

Das Obige ist der Inhalt des jQuery EasyUI-Tutorials – ProgressBar (Fortschrittsbalken). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (). www.php.cn)!


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