js 绑定数据 实现分页查询

function GetList1(page, size) {
var tr = "";
var Code = $(‘#Code‘).val();
var Cname = $(‘#Cus_name‘).val();
var State = $(‘#State‘).val();
ajaxHelper(‘/Refunds/Refunds?Page=‘ + page + ‘&Size=‘ + size + ‘&Cname=‘ + Cname + ‘&Ocode=‘ + Code + ‘&State=‘ + State, ‘GET‘, null).done(function (dt) {
var totalCount = dt.totalCount;
var totalPages = dt.totalPages;
var i = 1;
var date = eval(dt.data);
var f = "‘";
$(date).each(function (index, item) {
tr += ‘<tr id=‘ + item.Id + ‘">‘ +
‘<td>‘ + (i / 1 + (page * size) / 1) / 1 + ‘</td>‘ +
‘<td>‘ + item.Code + ‘</td>‘ +
‘<td>‘ + item.Cus_name + ‘</td>‘ +
‘<td>‘ + item.Startss + ‘</td>‘ +
‘<td>‘ + item.odcount + ‘</td>‘ +
‘<td>‘ + item.odPrice + ‘</td>‘ +
‘<td>‘ + item.CreatoinTime + ‘</td>‘ +
‘<td>‘ + item.UserName + ‘</td>‘ +
‘<td>‘ + item.OperationTime + ‘</td>‘ +
‘<td>‘ + item.Name + ‘</td>‘ +
‘<td>‘ + ‘<a style="cursor:pointer;" onclick="Subscribe1(‘ + f + item.Id + f + ‘)">编辑</a>‘ + ‘</td>‘ +
‘</tr>‘;
i++;
});
$(‘#refunds‘).html(tr);
$(‘#totalCount‘).html(totalCount);
$(‘#totalPages‘).html(totalPages);
$(‘#pageIndex‘).html(page / 1 + 1);
paging(page, totalPages, size);
});
}
function Opageturning(type) {
var totalPages = $(‘#totalPages‘).text();//页面数
var totalCount = $(‘#totalCount‘).text();//记录数
var pageIndex = $(‘#pageIndex‘).text();//当前页
var pageIndexs = 0;
if (type == 1) { //首页
pageIndexs = 0;
}
if (type == 2) {
//上一页
if (pageIndex - 1 > 0) {
pageIndexs = pageIndex - 2;
} else {
pageIndexs = 0;
}
}
if (type == 3) {
//下一页
if ((pageIndex - 0) < (totalPages - 0)) {
pageIndexs = pageIndex;
} else {
pageIndexs = totalPages - 1
}
}
if (type == 4) {
//尾页
pageIndexs = totalPages - 1;
}
GetList(pageIndexs, pagesize);
}

var psize;
function paging(pageIndex, totalPages, size) {
psize = size;
var pagdiv = "";
var f = "‘";
var pagdiv2 = "";
var pagdiv3 = "";
for (var i = 0; i < totalPages ; i++) {
if (i == pageIndex) {
pagdiv += ‘<div id="pag‘ + i + ‘" class="pag" onclick="pag(‘ + i + ‘,‘ + size + ‘)" >‘ + (i + 1) / 1 + ‘</div>‘;
} else if (i < 7 && pageIndex < 5) {
pagdiv += ‘<div id="pag‘ + i + ‘" class="paging" onclick="pag(‘ + i + ‘,‘ + size + ‘)" >‘ + (i + 1) / 1 + ‘</div>‘;
} else if (pageIndex >= 5 && pageIndex - i <= 3 && pageIndex - i >= -3) {
pagdiv += ‘<div id="pag‘ + i + ‘" class="paging" onclick="pag(‘ + i + ‘,‘ + size + ‘)" >‘ + (i + 1) / 1 + ‘</div>‘;
}
}
$(‘#pages‘).html(pagdiv2 + pagdiv + pagdiv3);

};

function pag(pageIndex, size, divid) {
$(‘#‘ + divid).attr("class", "pag")
GetList(pageIndex, size);
}

时间: 2024-08-01 13:02:24

js 绑定数据 实现分页查询的相关文章

使用JDBC连接MySQL数据库--典型案例分析(八)----实现员工数据的分页查询

转载请注明:http://blog.csdn.net/uniquewonderq 问题: 使用JDBC连接Mysql数据库,实现对Emp表数据的分页查询功能. 方案: 对于较大的数据量,通常采用分页查询的方式.不同的数据库产品有不同的数据库级的分页查询策略.例如:Oracle通常使用rownum的方式:而Mysql使用limit的方式. Oracle采用rownum和子查询实现分页查询,SQL语句如下, select * from (select rownum rn,empno,ename,jo

php -- php读取sqlserver2005的数据实现分页查询

--php5.2 --sqlserver2005 php读取sqlserver多条数据时,有时因为数据太多,需要进行分页查询. 例如,按价格的顺序,读取同一类型的产品的第30到第48条记录 $startNum = 30; $endNum = 48;$type = '洗发水'; 如果php页面的编码是UTF-8,sqlserver是GBK的话, 要将$type进行转码, $type = iconv('UTF-8','GBK',$type); 接下来分页查询(数据表table1,构建临时表a),贴上

sql优化之大数据量分页查询(mysql)

当需要从数据库查询的表有上万条记录的时候,一次性查询所有结果会变得很慢,特别是随着数据量的增加特别明显,这时就需要使用分页查询.对于数据库分页查询,也有很多种方法和优化的点. 谈优化前的准备工作 为了对下面列举的一些优化进行测试,需要使用已有的一张表作为实际例子. 表名:order_history. 描述:某个业务的订单历史表. 主要字段:unsigned int id,tinyint(4) int type. 字段情况:该表一共37个字段,不包含text等大型数据,最大为varchar(500

大数据oracle分页查询

ROWNUM 可能都知道ROWNUM只适用于小于或小于等于,如果进行等于判断,那么只能等于1,不能进行大于的比较. ROWNUM是oracle系统顺序分配为从查询返回的行的编号,返回的第一行分配的是1,第二行是2,依此类推. ROWNUM总是从1开始,不管当前的记录是否满足查询结果,ROWNUM返回的值都是1,如果这条记录的值最终满足所有的条件,那么ROWNUM会递加,下一条记录的ROWNUM会返回2,否则下一条记录的ROWNUM仍然返回1. 理解了这一点,就清楚为什么一般的ROWNUM大于某个

MySQL大数据量分页查询方法及其优化

方法1: 直接使用数据库提供的SQL语句 语句样式: MySQL中,可用如下方法: SELECT * FROM 表名称 LIMIT M,N 适应场景: 适用于数据量较少的情况(元组百/千级) 原因/缺点: 全表扫描,速度会很慢 且 有的数据库结果集返回不稳定(如某次返回1,2,3,另外的一次返回2,1,3). Limit限制的是从结果集的M位置处取出N条输出,其余抛弃. 方法2: 建立主键或唯一索引, 利用索引(假设每页10条) 语句样式: MySQL中,可用如下方法: SELECT * FRO

JS 绑定数据,实现手机端下拉实现分页 手机下拉分页(MVC)

//在界面设置一个div 将数据动态绑定到这个div里面,在界面加载的时候,调用此方法 $(function(){ //默认进来显示第一页,一页显示五条数据 GetList(1,5); }) function GetList(page,size){ //将动态生成的html代码赋值给tr var tr=""; var url=''; ajaxHelper(url,'GET').done(function(dt){ //获取后台查询过来的数据 var data=eval(dt); $(d

ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询

js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers: true, //行号 fitColumns: true, collapsible: true, //是否可折叠的 loadMsg: '数据装载中......', singleSelect: true, //单行选取 pagination: true //显示分页 // columns: [[]]

【知了堂学习笔记】JSP页面数据分页实现(一)——分页概念以及主流数据库的分页查询

一.分页简介 1.分页,就是一种将数据库里的数据一部分展示给用户的技术.为什么要这样做呢?因为一般来说用户在查询时数据是非常多的,当一个页面不能显示所有数据时,我们就要对查询的数据进行分页,就像我们的书本分成一页一页一样.最简单的例子就是百度,当你百度时,成千上万的数据,并不是呈现在一个页面的. 2.分页的实现方式 1)假分页(不推荐):什么是假分页呢?假分页就是一次性将数据库里的数据全部取出来,存储在页面中,然后再将数据分别展示出来.这种假分页在数据少的还可以玩玩,当数据多起来的时候,这种方式

ssm-crud项目——分页查询

分页查询(ajax异步查询): 工程目录结构: 基于maven构建工程: 一.准配配置文件 1.创建pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://mav