Home > Web Front-end > Layui Tutorial > How to use layui paging

How to use layui paging

angryTom
Release: 2019-07-19 16:03:33
Original
5548 people have browsed it

How to use layui paging

Recommended tutorial: layui tutorial

##layui paging official address:https://www.layui.com/doc/modules/laypage.html

The first step page introduces layui’s css and js

No need to demonstrate this

The second step is to write the style in html

How to use layui paging

The third step is to write the js code

How to use layui paging

At present, it is simply to write the paging style in the js code

Theme is to customize the color of the paging or add a class name to change the paging style

For details, please see the layui official website

Fourth Step ajax control paging

Data to be transferred in ajax

How to use layui paging## Add # in the layui call ## jump

Jump is to click on the previous page or next page to trigger the function itselfHow to use layui paging

  if (!first) {

   }

The function is to set the first rendering paging without using the business logic processing function, otherwise it will fall into an infinite loop. When I first read it, I was confused about how to achieve page jump and how to get the current page. Then I After printing the
obj

in the function, I will understand

. In How to use layui pagingobj

, I have obtained the total number of data items and the current page. , when you click on the next page,

curr becomes <strong>2, </strong>If the current page is 2, when you click on the previous page, curr will become <strong>1, </strong>Assign obj.curr to the defined current page variable as a parameter. See step 4 for detailsajax The data to be passed in in data Finally, re-call the function of rendering list to complete the paging

The above is the detailed content of How to use layui paging. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template