layer分页器使用

最新推荐文章于 2024-08-03 13:41:47 发布

JesusAllen30

最新推荐文章于 2024-08-03 13:41:47 发布

阅读量7k

点赞数

分类专栏：必备UI框架文章标签：分页 layui

本文链接：https://blog.csdn.net/docallen/article/details/61622213

版权

本文介绍了layui分页器的使用方法，通过简单的配置代码，实现分页效果。包括发起AJAX请求获取数据，成功后回调执行分页，定义每页显示条数，模拟渲染及跳转功能。提供直接可用的代码示例，适用于需要快速实现分页功能的场景。

摘要由CSDN通过智能技术生成

layui给我们提供了分页器的组件，进行简单的配置就能做出分页的效果

上代码：

// 点击查询按钮 开始显示表格内容
// 如果查询内容不存在 则显示为空
$('#searchBtn').click(function(){
   
    var html = '';
    $.ajax({
        type:"GET",
        url:"data/tsResult.json",
        success:function(TS){
   
            // 拿到投诉案件数据
            // 分页器
            layui.use(['laypage','layer'],function(){
   
                var laypage = layui.laypage,
                layer = layui.layer;

                var num = 7