js laypage mysql_layui中的分页laypage
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相关推荐
- 分页技巧_实现第一个分页功能(回复列表中的分页)
分页技巧_实现第一个分页功能(回复列表中的分页) ======================================== 假设共25条数据,每页显示10条,则共3页 first max - ...
- Ifvisible.js – 判断网页中的用户是闲置还是活动状态
ifvisible.js 是一个跨浏览器.轻量级的方式,用户检查用户在浏览页面或正在与它进行交互.它可以处理活动状态,如在页面上空闲或活跃.您还可以使用 ifvisible.js 智能设置您的间隔,如 ...
- 和php结合实现分页js代码,无JS,完全php面向过程数据分页实现代码
无JS,完全php面向过程数据分页实现代码,需要的朋友可以参考下 //登陆页面设置的session,当session中存在name时 //session_start(); //$name = $_SE ...
- wordpress 调用css,WordPress折腾记-精简CSS及JS在插件中的调用
GD Star Rating loading... 爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做. 众所周知 ...
- 解决element-ui/element-plus中el-pagination分页组件显示英文
解决element-ui/element-plus中el-pagination分页组件显示英文 解决方法: 在main.js或main.ts中引入中文语言 import locale from 'el ...
- 使用Vue.js在WordPress中创建单页面应用SPA
吐槽一下,掘金好像并不能插入gist的代码框 效果有点打折扣 博客原文地址里有gist代码: 使用Vue.js在WordPress中创建单页面应用SPA 英文原文地址:premium.wpmudev. ...
- JS获取URL中参数值(QueryString)的4种方法分享
http://www.jb51.net/article/48942.htm JS获取URL中参数值(QueryString)的4种方法分享 作者: 字体:[增加 减小] 类型:转载 今天碰到要在一个页 ...
- php中strtotime(date,js模仿php中strtotime()与date()函数实现方法
本文实例讲述了js模仿php中strtotime()与date()函数实现方法.分享给大家供大家参考.具体如下: 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面 ...
- [数据库]Oracle和mysql中的分页总结
Mysql中的分页 物理分页 •在sql查询时,从数据库只检索分页需要的数据 •通常不同的数据库有着不同的物理分页语句 •mysql物理分页,采用limit关键字 •例如:检索11-20条 selec ...
最新文章
- shell基础04 结构化命令
- 不符合条件重新输入 c语言,2016年计算机考试上机应试技巧
- oracle脱机备份文件拒绝访问,如何解决备份文件夹拒绝访问问题
- 除 Intel Realsense Dxxx 外 各市面深度摄像头对比(小觅智能 D1000-IR-120/Color、INDEMIND、领晰(LEADSENSE))(212)
- 阻止你变现的,从来都不是开源许可证
- android官方架构组件,Android 架构组件官方文档01——LifeCycle
- CCF201812-4 数据中心(100分)【Kruskal算法】
- 【数字信号处理】fft幅频特性和相频特性理解
- 数据建模软件Chiner,颜值与实用性并存
- 微信小程序实现海报功能经历
- Linux无线网卡配置 intel 9462 网卡 速度无法超过54Mbit
- SuperMap BIM+GIS-Revit模型处理-背景
- 集群监控:Ambari和Cloudera Manger
- 北京一周行(有关《MOOC课程设计实战》高级研修班)
- 最新消息:@live.com@live.cn邮箱正式开放注册了!
- 快速提高英语口语方法:自己和自己练习口语
- 系统缺少steam_api.dll解决方式
- R语言手动绘制分类Logistic回归模型的校准曲线(Calibration curve)(3)
- [IOS APP]四大名著儿童版-有声故事
- 设计美学 第四章 技术革命与设计革命