利用javascript处理数据分页前的 参数 处理,在通过ajax提取相应的数据,代码如下(javascript部分代码):
<html>
<head>
<title></title>
<script>
var currentPage =1 ; //当前页码
var totalRows = 20 ;//数据库中总行数
var pageSize = 5 ;//规定每页显示行数
var totalPages = totalRows/pageSize ; //总页数
var startRow =0; //数据库起始行
if((totalRows%pageSize)>0){
totalPages++ ;
}
var html = "<input type='button' value='首页' onclick=doclick('first')>";
html+="<input type='button' value='下一页' onclick=doclick('next')>";
html+="<input type='button' value='上一页' onclick=doclick('previous')>";
html+="<input type='button' value='最后一页' onclick=doclick('last')>" ;
function doclick(method){
if(method=="first")
{
currentPage = 1;
startRow = 0 ;
alert("currentPage="+currentPage+" startRow="+startRow)
}else if(method=="next"){
if (currentPage == totalPages) {
return false ;
}
currentPage++;
startRow = (currentPage-1)*pageSize ;
alert("currentPage="+currentPage+" startRow="+startRow)
}else if(method=="previous"){
if(currentPage == 1){
return false ;
}
currentPage--;
startRow = (currentPage-1)*pageSize ;
alert("currentPage="+currentPage+" startRow="+startRow)
}else if(method=="last"){
currentPage = totalPages ;
startRow = (currentPage-1)*pageSize ;
alert("currentPage="+currentPage+" startRow="+startRow)
}
document.getElementById('a').innerHTML =html ;
}
function create(){
document.getElementById('a').innerHTML =html ;
}
</script>
</head>
<body onload="create();">
<span id='a'></span>
</body>
</html>
分享到:
相关推荐
通过js将查询参数构造好发向后台,后台处理后以特定的格式返回,多为json,比较流行处理起来也很方便。当后台数据到达后,浏览器重新渲染界面当然也包括js分页控件,如果觉得每次绘制分页控件对前端性能有影响也可以...
jump函数返回的参数e是一个object,e.curr即当前页,通过它去向服务端请求相关数据。' } }); 模块加载 var laypage = require('laypage'); laypage({ cont: 'id', pages: 11, … }) laypage - 多功能...
使用js脚本实现数据列表的分页,实现客户端分页功能
<br></script> <br> <br> <br>即可 <br> 关于PageNavigater的参数信息: <br>第一个参数,如上例中的20, 表示一页有多少条数据 第二个参数,如上例中的1000000,表示总共有多少条数据...
laypage是一款多功能的js分页组件,主要应用于前端...jump函数返回的参数e是一个object,e.curr即当前页,通过它去向服务端请求相关数据。' }});模块加载var laypage = require('laypage');laypage({ cont 11, …})
在使用表格的分页功能时,我们把该控件的start与limits参数与Hibernate的分页功能影射,从页实现了动态的分页效果;而TreePanel的更新也是一个比较常见的问题,当我们点击测试按钮时,TreePanel会请求远程服务器的...
* DAO层:实现分页功能都需要在对应实体的DAO Mapper的xml文件中添加查询总数目和查询列表的sql语句(其中要包含分页的两个参数:start页数和limit每页条数)。 * Controller层:获得前端的param,验证页数和条数是否...
url: 'Handler/PagerHandler.ashx', //提交到一般处理程序请求数据 data: "pageIndex="+ (pageIndex +1) +"&pageSize="+ pageSize, //提交两个参数:pageIndex(页面索引),pageSize(显示条数) success: function...
4 在它的免费版中(就是可以开源的) 最早(2 5)是没有分页库的 只有商业版有 后来经过高人指点 得到了crack 带有分页js库 很好用 其实主要是知道js中要传递的分页参数名字就ok了 5 资源包中有具体使用代码和组件...
1.批量数据分页查询的呈现和控制 批量数据的分页查询颇费功夫,自己写了一个能实现分页查询的javascript直接对象,并设计了页面呈现的样式,这里有我本人的的帖子:Javascript实现实现分页查询 2.页面布局和样式...
//打开与服务器的连接,其中get为连接方式,server.asp为要连接的页面,有两个参数,其中第一个参数page为需要返回数据的页数,第二个参数n为一个随机数,这样每次发送的URL都会不一样,相当于都向服务器发出一个新...
1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 ...
///ShowJavascript()执行javascript脚本 ///FileDelete()给出文件虚拟路径删除文件 ///FileSize()获取上传文件大小 ///FileUpload()文件上传 路径upload/ 自动重命名 ///FileDownload()文件下载 调用...
流星分页器-流星智能套餐该软件包提供了一种简单的机制来在Meteor中对数据订阅进行分页。 注意:这不兼容火焰。 看看安装安装mrt add paginator ###如何使用如果遵循以下约定,Meteor Paginator提供的模板和回调...
1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 ...
//表明在QueryString中没有page这一个参数,此时显示第一页数据 intPage = 1; } else{ //将字符串转换成整型 intPage = java.lang.Integer.parseInt(strPage); if(intPage) intPage = 1; } %> String DB...
class="List_operatelink"\>首页\ \<\a href="javascript:window.location.href='<\%=next%\>'" class="List_operatelink"\>下页\ <br/> 页面上的显示实现不用做任何分页逻辑,只需简单定义 首页 上页 ...
数据网格一个用于构建分页,可搜索和可排序的数据网格表的小模块。安装首先在项目根目录中安装edcs-datagrid 。 $ npm install edcs-datagrid 然后使用require()将其包含在模块中。 var Datagrid = require ( 'edcs-...
Pagination.js是一款简单实用且功能齐全的jQuery分页插件。该jQuery分页插件提供多种数据源方式,众多的配置参数,回调函数,显示控制等,还提供了5套内置的分页条皮肤。
主要有两种分页方法:通过Ajax获取数据分页本地数据进行分页显示#使用方法引入"jquery.pages.css"(样式根据自己主题自行修改)<link href="./css/jquery.pages.css" rel="stylesheet">引入jQuery和jquery.pages...