1.html部分

2.js部分:

layui.use('laypage', function(){

var laypage = layui.laypage;

//执行一个laypage实例

laypage.render({

elem: 'test1' //注意,这里的 test1 是 ID,不用加 # 号

,count: 50 //数据总数,从服务端得到

});

});

3.分页操作

laypage.render({

elem: 'test1'

,count: 70 //数据总数,从服务端得到

,jump: function(obj, first){

//obj包含了当前分页的所有参数,比如:

console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。

console.log(obj.limit); //得到每页显示的条数

//首次不执行

if(!first){

//do something

}

}

});

js laypage mysql_layui中的分页laypage相关推荐

  1. 分页技巧_实现第一个分页功能(回复列表中的分页)

    分页技巧_实现第一个分页功能(回复列表中的分页) ======================================== 假设共25条数据,每页显示10条,则共3页 first  max - ...

  2. Ifvisible.js – 判断网页中的用户是闲置还是活动状态

    ifvisible.js 是一个跨浏览器.轻量级的方式,用户检查用户在浏览页面或正在与它进行交互.它可以处理活动状态,如在页面上空闲或活跃.您还可以使用 ifvisible.js 智能设置您的间隔,如 ...

  3. 和php结合实现分页js代码,无JS,完全php面向过程数据分页实现代码

    无JS,完全php面向过程数据分页实现代码,需要的朋友可以参考下 //登陆页面设置的session,当session中存在name时 //session_start(); //$name = $_SE ...

  4. wordpress 调用css,WordPress折腾记-精简CSS及JS在插件中的调用

    GD Star Rating loading... 爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做. 众所周知 ...

  5. 解决element-ui/element-plus中el-pagination分页组件显示英文

    解决element-ui/element-plus中el-pagination分页组件显示英文 解决方法: 在main.js或main.ts中引入中文语言 import locale from 'el ...

  6. 使用Vue.js在WordPress中创建单页面应用SPA

    吐槽一下,掘金好像并不能插入gist的代码框 效果有点打折扣 博客原文地址里有gist代码: 使用Vue.js在WordPress中创建单页面应用SPA 英文原文地址:premium.wpmudev. ...

  7. JS获取URL中参数值(QueryString)的4种方法分享

    http://www.jb51.net/article/48942.htm JS获取URL中参数值(QueryString)的4种方法分享 作者: 字体:[增加 减小] 类型:转载 今天碰到要在一个页 ...

  8. php中strtotime(date,js模仿php中strtotime()与date()函数实现方法

    本文实例讲述了js模仿php中strtotime()与date()函数实现方法.分享给大家供大家参考.具体如下: 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面 ...

  9. [数据库]Oracle和mysql中的分页总结

    Mysql中的分页 物理分页 •在sql查询时,从数据库只检索分页需要的数据 •通常不同的数据库有着不同的物理分页语句 •mysql物理分页,采用limit关键字 •例如:检索11-20条 selec ...

最新文章

  1. shell基础04 结构化命令
  2. 不符合条件重新输入 c语言,2016年计算机考试上机应试技巧
  3. oracle脱机备份文件拒绝访问,如何解决备份文件夹拒绝访问问题
  4. 除 Intel Realsense Dxxx 外 各市面深度摄像头对比(小觅智能 D1000-IR-120/Color、INDEMIND、领晰(LEADSENSE))(212)
  5. 阻止你变现的,从来都不是开源许可证
  6. android官方架构组件,Android 架构组件官方文档01——LifeCycle
  7. CCF201812-4 数据中心(100分)【Kruskal算法】
  8. 【数字信号处理】fft幅频特性和相频特性理解
  9. 数据建模软件Chiner,颜值与实用性并存
  10. 微信小程序实现海报功能经历
  11. Linux无线网卡配置 intel 9462 网卡 速度无法超过54Mbit
  12. SuperMap BIM+GIS-Revit模型处理-背景
  13. 集群监控:Ambari和Cloudera Manger
  14. 北京一周行(有关《MOOC课程设计实战》高级研修班)
  15. 最新消息:@live.com@live.cn邮箱正式开放注册了!
  16. 快速提高英语口语方法:自己和自己练习口语
  17. 系统缺少steam_api.dll解决方式
  18. R语言手动绘制分类Logistic回归模型的校准曲线(Calibration curve)(3)
  19. [IOS APP]四大名著儿童版-有声故事
  20. 设计美学 第四章 技术革命与设计革命

热门文章

  1. Tensorflow框架初尝试————搭建卷积神经网络做MNIST问题
  2. ssh无密码登录设置(centos6系统下实现)
  3. Java语言的基础知识11
  4. 基础提供程序在 Open 上失败
  5. 创建简单的Flex组件
  6. KMP算法的学习经验
  7. 每日涉猎技术点存档(2019年02月)
  8. 推荐:Java性能优化系列集锦
  9. Java 获取Web项目相对webapp地址
  10. 转: 用 Eclipse 平台进行 C/C++ 开发