Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie Laui-Paging

So verwenden Sie Laui-Paging

angryTom
angryTomOriginal
2019-07-19 16:03:335517Durchsuche

So verwenden Sie Laui-Paging

Empfohlenes Tutorial: Layui-Tutorial

Offizielle Adresse für Laui-Paging:https://www.layui.com/doc/modules/laypage.html

Im ersten Schritt stellt die Seite Lauis CSS und JS vor

Dies muss nicht nachgewiesen werden

Der zweite Schritt besteht darin, den Stil in HTML zu schreiben

So verwenden Sie Laui-Paging

Der dritte Schritt besteht darin, den JS-Code zu schreiben

So verwenden Sie Laui-Paging

Derzeit ist der Seitenstil einfach geschrieben im js-Code

  themeDies dient dazu, die Farbe der Seite anzupassen oder einen Klassennamen hinzuzufügen, um den Seitenstil zu ändern

Einzelheiten finden Sie auf der offiziellen Website von Laui

Der vierte Schritt besteht darin, das Paging mit Ajax zu steuern. Die zu übertragenden Daten werden in

  ajax

So verwenden Sie Laui-Paging

Fügen Sie

jump

im Laui-Aufruf hinzu

So verwenden Sie Laui-Paging

Springen besteht darin, auf die vorherige oder nächste Seite zu klicken, um die Funktion selbst auszulösen

wenn ( !first) {

Es besteht keine Notwendigkeit, Geschäftslogik-Verarbeitungsfunktionen für das Paging zu verwenden, da es sonst in eine Endlosschleife gerät. Als ich es zum ersten Mal las, war ich verwirrt darüber, wie man einen Seitensprung erreicht und wie man den Strom erhält Dann habe ich das
objIch verstehe

ausgedruckt. Die Gesamtzahl der Datenelemente und die aktuelle Seite wurden in obj

. Wenn Sie auf die nächste Seite klicken, wird <img src="https://img.php.cn/upload/image/263/287/154/1563522818595116.png" title="1563522818595116.png" alt="So verwenden Sie Laui-Paging">curr

zu

Wenn die aktuelle Seite 2 ist und Sie auf die vorherige Seite klicken, <strong>curr </strong> wird zu <strong>curr</strong>2,Weisen Sie den Wert der definierten aktuellen Seitenvariablen als Parameter zu. Weitere Informationen finden Sie in den zu übergebenden Daten in Schritt 4<strong>curr</strong>1,obj.curr Abschließend Rufen Sie die Funktion der Rendering-Liste erneut auf, um das Paging abzuschließenajax

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Laui-Paging. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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