myPagination5.0 分页简单实例「建议收藏」

myPagination5.0 分页简单实例

大家好,又见面了,我是全栈君。

记得最開始做分页採用的ThreadLocal对象,后面发现有有了更简便的方法,直接使用插件,不但简单。并且高效!

採用的版本号为myPagination5.0,可以解决client多条件无刷新动态分页的问题。提供了较好的体验效果,功能强大。使用简单,方便快捷。轻松上手。

先上效果图:

myPagination5.0 分页简单实例「建议收藏」

首先来略微介绍下其參数类表:

參数配置列表:

參数名

数据类型

描写叙述信息

currPage

int

当前页

pageCount

int

总页数

pageSize

int

页码数

cssStyle

string

样式,给与插件单独指定样式

info

Object

页码栏配置信息

ajax

Object

ajax 请求配置信息

 

info(Object) 參数列表

參数名

数据类型

描写叙述信息

first

string

首页

last

string

尾页

prev

string

上一页

next

string

下一页

link

string

鼠标放在链接上显示的值,支持(“#”,”javascript:void(0)”)

msg

string

信息栏,内容需包括在 Html 标签中 。如 <span>:&nbsp;&nbsp;&nbsp;我跳到{curr}/{sum}页</span>中间两个函数必须存在!

first_on

true,false

首页是否显示,默认显示

last_on

true,false

尾页是否显示,默认显示

prev_on

true,false

上一页是否显示,默认显示

next_on

true,false

下一页是否显示,默认显示

msg_on

true,false

信息栏是否显示。默认显示

text

Object

文本框样式配置。可指定样式,如:text:{width:’200px’,color:’#ff0′} 

 

axja(Object) 參数列表

參数名

数据类型

描写叙述信息

on

true,false

Ajax 请求开启状态,默认 false。如需与server进行交互,需配置成 true

callback

string

回调函数,纯字符串不带括号,需在 Javascript 脚本中 配置 一个 与 该字符串同样名字的方法,并带有參数,如:function demo6CallBack(data){} 等

url

string

Ajax 请求的地址。与动态脚本语言无关。可訪问 Jsp,PhP,CGI,Asp等等

dataType

string

从server返回的数据类型,插件依据server返回的类型来进行处理后返回,支持 Html Json Xml

pageContId

string

自己定义该Id。依据该 Id 从server中 获取 PageCount 总页数

param

Object

Ajax 參数对象,进行 Ajax请求时。可依照条件来查询分页。page 參数 必须存在 如:param:{on:true,page:1,arg1:’1′,arg2:’2′} 等等

ajaxStart

function

方法。用于配置 Ajax 请求之前的方法

 

javascript 函数例如以下:

	function onLoadPaging(){
		var allPage=$("#allPage").val();		//总页数
		var firstpageval=$("#terID1").val();	//当前页
		var pageNumber=$("#connetNumber").val();//页码数量
		if(firstpageval==""||firstpageval==null||firstpageval==undefined){
			firstpageval=1;
		}
		if(allPage==""||allPage==null||allPage==undefined){
			allPage=1;
		}
		$("#demo1").myPagination({currPage:parseInt(firstpageval),pageCount:parseInt(allPage),pageNumber:parseInt(pageNumber),panel:{tipInfo_on:true,tipInfo_css:{width:"22px",height:'12px'}},
			ajax:{on:false,
				    onClick:function(page){
				    	$("#terID1").val(page);
				    	location.href = "historyData/meterdata_content?

terID="+$("#terID").val()+"&ter_No="+$("#ter_No").val()+ "&terID1="+$("#terID1").val()+"&allPage="+$("#allPage").val()+"&terID2="+$("#terID2").val()+"&meterNo="+$("#meterNo").val()+"&unitId="+$("#unitId").val()+"&begintime="+$("#beginTime").val()+"&dadtime="+$("#deadTime").val(); // $("#meterForm").submit(); } }}); }


后台通过相关逻辑处理。关键代码例如以下:

dataETCValues=query.setFirstResult((currpage-1)*pagenumber).setMaxResults(pagenumber).getResultList();


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115698.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 计算机网络ip地址划分方法,ip地址怎么划分 ip地址划分方法【图文】

    计算机网络ip地址划分方法,ip地址怎么划分 ip地址划分方法【图文】IP地址指的是互联网的协议地址,它的全称为IPAddress,IP地址是IP协议当中的一种地址格式,互联网上的任意一个网络以及它们的主机使用的逻辑地址都是由IP地址分配的,那么你知道IP地址是怎样进行划分的吗?下面我们就一起来看看IP地址的划分以及IP地址的查询方法吧。一、IP地址的划分:IP地址一个包括五大类,分别是A类IP地址、B类IP地址、C类IP地址、D类IP地址和E类IP地址。其中A类…

  • eruka快速刷新和kafka配置

    eruka快速刷新和kafka配置Kafkapartition扩充并且需要迁移数据生产不用指定具体分区,会自动分配拉取也不用指定具体分区,会自动拉多个分区可以同时拉取多个topickafka配置<dependency><groupId>org.apache.kafka</groupId><artifactId>kafka_2.12</artifactId><version>2.3.0</version>&lt…

  • Kafka集群原理

    Kafka集群原理Kafka是一个分布式的、可水平扩展的、基于发布/订阅模式的、支持容错的消息系统。一、集群成员Kafka使用Zookeeper来维护集群成员的信息。每个broker都有一个唯一标识符,这个标识符可以在配置文件里指定,也可以自动生成。在broker启动的时候,它通过创建临时节点把自己的ID注册到Zookeeper。Kafka组件订阅Zookeeper的/broker/ids路径,当有broker加入集群或退出集群时,这些组件就可以获得通知。ZooKeeper两.

  • sql2012安装错误代码0x84b10001_sql2008配置系统未能初始化

    sql2012安装错误代码0x84b10001_sql2008配置系统未能初始化【错误描述】Sql2008安装启动失败,弹出 配置系统未能初始化0x84B10001【解决方法】先安装sql2008sp3补丁.然后再安装Sql2008,最后再装一次sp3补丁.

  • 如何将xml转换成excel_java 解析xml

    如何将xml转换成excel_java 解析xml展开全部/****ExcelXML.java*IBM_Developer_POI(Excel,Word)*/packagecom.wds.excelxml;importjava.io.FileInputStream;importjava.io.FileNotFoundException;importjava.io.FileOutputStream;importjava.io.I…

  • docker下载安装教程_docker安装macos

    docker下载安装教程_docker安装macos前言Docker提供轻量的虚拟化,你能够从Docker获得一个额外抽象层,你能够在单台机器上运行多个Docker微容器,而每个微容器里都有一个微服务或独立应用,例如你可以将Tomcat运行在一个D

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号