`
阿狸v你的桃子小姐在等你
  • 浏览: 3333 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

layer分页插件使用

 
阅读更多

前端插件layerPage使用:

 

以前在项目中使用的分页插件,下载地址:http://layer.layui.com/,支持贤心


var total=10;//总记录数,可以后端获取,也可以再页面跳转的时候放在request里等
function loadResouse(curr){//要调用的分页函数
$.ajax({
url : "allQuestionPage.do",//发送的请求
datatype : "json",//数据类型
async : true,//同步异步
type : "post",//请求类型
data:{//带的参数
currentPage:curr||1,//当前页
total:total||0,//总页数
pageSize:4//每页记录数
},
success : function(data) {//渲染DOM
var jsonObjs = eval("("+data+")");
var jsonObj=jsonObjs[0];
var json = jsonObj.list;
   var str = '';
   for(var i = 0; i <= json.length-1; i++){
  
   }

  
   }
   document.getElementById('要填充内容的ID').innerHTML = str;
//调用分页
laypage({
   cont: $('#biuuu_all_query'),//分页标签容器
   pages: jsonObj.pages,
   skin: '#4b8df8',//自定义标签颜色
   curr: curr||1,
   groups: 3,
   jump: function(obj,first){
    if(!first){
    loadResouse(obj.curr);
            }
   }
})
}
});

}
loadResouse();//初始化

 

分享到:
评论

相关推荐

    layer_loading插件

    通过合理使用"layer_loading"插件,开发者可以为用户提供更加流畅、友好的加载体验,提升网站或应用的整体质量。无论是在网页设计还是移动应用开发中,这类加载动画都是不可或缺的一部分,它们使得等待变得更有艺术...

    jQuery中layer分页器的使用

    本文将详细介绍如何在jQuery中使用Layer分页器,并通过实例代码解析其工作原理。 首先,Layer分页器的使用需要引入layui库,该库包含了laypage和layer两个主要模块。在HTML文件中,确保已经正确地引入layui.css和...

    jquery分页插件jquery.pagination.js实现无刷新分页

    在介绍使用jquery分页插件jquery.pagination.js实现无刷新分页的知识点之前,首先要明确什么是分页插件,以及无刷新分页的概念。分页插件是一种用于在网页上实现内容分页展示的工具,它能够将大量数据或内容分成多页...

    layer搭建的NB后台管理系统

    总的来说,"layer搭建的NB后台管理系统"是一个利用layer弹层插件和layertab扩展组件构建的高效后台管理界面,其特点是简洁、实用,适合快速部署和使用。通过合理的模块化设计和丰富的功能,它能够满足后台管理人员的...

    70款经典Dreamweaver插件

    MX162506_persist_layer 不论浏览器的滚动条怎么拉,用这个插件插入的层总是保持在某个位置不动 MX156958_e-VueObject 插入e-Vue MPEG-4格式的文件 Sound 插入Midi、wav、Aiff等格式的声音文件 MX172878_sup_sub_...

    ssm-maven增删改查+分页

    3. **在Mapper XML文件中编写带分页的SQL**:使用`LIMIT`和`OFFSET`(MySQL)或`FETCH FIRST`和`WITH TIES`(PostgreSQL)等关键字实现分页查询。 4. **返回分页结果**:在Service和Controller层处理分页数据,如总...

    基于openlayer的军事动态标绘.7z

    1. 地图初始化:设置地图底图,通常可以使用OpenStreetMap、Google Maps等公开服务,或者自定义的WMS服务。 2. 动态数据加载:定期从服务器获取最新军事态势数据,更新到地图的矢量图层中。这可以通过Ajax请求实现...

    jhipster按条件查询再分页withPassword.zip

    "pageHelper"标签则暗示了在这个示例中可能会使用PageHelper,这是一个在Java中非常流行的MyBatis的分页插件,它可以简化数据库的分页查询操作。 "分页查询实现"通常涉及到数据库查询优化和用户体验,因为它允许...

    Jquery和jquery的常用插件

    3. **Layer**:Layer是一个轻量级的弹窗插件,它为网页添加了丰富的弹出层功能,如提示、警告、确认对话框、图片预览、iframe加载等。Layer易于使用,只需几行代码即可创建出各种类型的弹窗,并支持自定义样式和回调...

    jquery easyui+layer后台框架

    Layer 是一个轻量级的弹层插件,专为解决页面中的各种弹出层需求而设计。它可以轻松实现提示、对话框、模态窗口、图片预览等功能,且提供了丰富的自定义选项,使得弹层样式和行为高度可定制。 #### Layer 主要特性...

    laypage.rar

    《laypage分页插件深度解析与应用》 在网页开发中,数据量庞大的时候,分页功能显得尤为重要。laypage是一款高效的JavaScript分页插件,它为网页开发者提供了便捷的分页解决方案,使得页面加载更为流畅,用户体验更...

    Silverlight分页源码

    在IT领域,Silverlight是一种由微软开发的浏览器插件,用于创建丰富的互动用户体验,尤其是在Web应用中。这个“Silverlight分页源码”是针对Silverlight应用的一个组件,旨在实现数据分页功能,提高用户界面的性能和...

    前端开源库-object-layer

    6. **插件扩展**:为了满足不同的应用场景,`object-layer`可能支持插件系统,让开发者可以自定义扩展功能,如缓存策略、日志记录等。 **应用场景** 1. **复杂数据管理**:在需要处理大量动态数据的项目中,如电子...

    帝国CMS 7.5官方AJAX评论插件【楼中楼评论实现教程】

    全新安装7.5测试通过 1. 取消了匿名评论,需要的可以自己添加表单项;...7. 页面式提示修改为弹出层提示评论提示(layer.js库)更友好; 8. 评论回复ajax提交和加载; 9. 显示评论和回复者头像,用户名增加空间链接;

    layui实现数据表格table分页功能(ajax异步)

    2. 分页插件的使用 3. 异步加载数据 4. 条件查询功能的集成 首先是数据表格的基本渲染。在HTML页面中,需要引入layui的CSS和JS资源,并通过一段JS代码初始化数据表格。例如,在引入资源之后,通常会有如下代码: `...

    jQuery+datatables插件实现ajax加载数据与增删改查功能示例

    - 使用layer插件来提供简洁的用户界面,用于显示各种提示信息和用户交互。 - 描述了datatables的本地化设置,例如分页按钮的显示文本以及各种提示信息的语言配置。 - 具体的ajax请求和响应处理,如何把从服务器...

    layui插件,提供了丰富的内置模块

    总结来说,layui插件是一个适合后端开发者使用的前端框架,其丰富的内置模块和模块化加载机制,为开发者带来了高效、便捷的开发体验。无论是在后台管理界面的构建,还是在复杂前端功能的实现上,layui都展现出了强大...

    bootstrap layer 综合后台管理模板.zip

    Layer则是一个轻量级的JavaScript弹层组件,它的功能强大且易于使用,提供了包括提示、对话框、图片预览、iframe、加载层等多种弹层效果。Layer不仅在基本功能上表现优秀,而且在性能和兼容性方面也有出色的表现,...

    bootstrap layer 商城后台管理模板.zip

    Bootstrap提供了一套完整的网格系统、样式、JavaScript插件和自定义可选组件,为开发高效、美观的网页提供了便利。 Layer则是一款独立的弹层组件,它基于jQuery,可以实现丰富的弹出窗口效果,如提示、对话框、加载...

    angualrjs前端页面一整套

    在这个项目中,你将看到jQuery的分页插件的使用,这通常用于在大量数据中实现高效的页面导航。分页插件可能实现了自定义事件、回调函数和API接口,以便在页面加载时获取或更新数据。 Select2是一个可定制的下拉选择...

Global site tag (gtag.js) - Google Analytics