博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap Paginator 分页插件的使用
阅读量:6969 次
发布时间:2019-06-27

本文共 759 字,大约阅读时间需要 2 分钟。

hot3.png

由于在给学生上课过程用需要用到分页操作,发现一个比较好用的分页插件,效果如下

223336_Pt4Z_196012.png

插件 下载地址 :

使用方法:

1、首先要引入必要的css和js文件。

2、写一个div

    3、编写js

    $(function(){	var currentPage = ${indexData.page.currentPage};	var totalPage = ${indexData.page.totalPage};	$('#pageLimit').bootstrapPaginator({		currentPage : currentPage,		totalPages : totalPage,		size : "normal",		bootstrapMajorVersion : 3,		alignment : "right",		numberOfPages : 5,		itemTexts : function(type, page, current) {			switch (type) {			case "first":				return "首页";			case "prev":				return "上一页";			case "next":				return "下一页";			case "last":				return "尾页";			case "page":				return page;			}		},onPageClicked: function (event, originalEvent, type, page) {			//TODO具体页面操作		}	});});

     

    转载于:https://my.oschina.net/zhengjing/blog/1590942

    你可能感兴趣的文章
    FAST_START_MTTR_TARGE 参数学习
    查看>>
    【Servlet】01-Web应用体系结构
    查看>>
    替换Rest?不,软件工程应该构建成熟的REST生态
    查看>>
    重构到更深层的模型
    查看>>
    Cordova是否适用于你的目标行业?
    查看>>
    微软正在考虑将Windows默认浏览器改为Chromium
    查看>>
    同事反馈环:如何实现持续改进的文化
    查看>>
    网易云基于Prometheus的微服务监控实践
    查看>>
    ubuntu 安装nodejs
    查看>>
    伯克利开源工具库RLib现已支持大规模多智能体强化学习
    查看>>
    Visual Studio 2019正式版发布,专注于人工智能和生产力
    查看>>
    多重影分身:一套代码如何生成多个小程序?
    查看>>
    基于干净语言和好奇心的敏捷指导
    查看>>
    V8引擎内存消耗的分析和优化
    查看>>
    Scrum联盟发布2015年Scrum状况报告
    查看>>
    为什么说我们需要软件架构图?
    查看>>
    2019年软件测试现状调查
    查看>>
    关于AWS的Firecracker,技术人应该知道的十件事
    查看>>
    jQuery 3.3.1已经发布,开发团队正在准备4.0版本
    查看>>
    微服务架构的设计模式
    查看>>