// ---------------公有变量最好用明明空间限制一下-------------------//
var totalPage = 0 ;
var currentPage = 1 ;
var menuType = 0 ;
var totalCount = 0 ;
var first_page = "首页" ;
var prev_page = " 上一页 "
var last_page = " 末页" ;
var next_page = " 下一页" ;
var tag_a_no_current_start = "[<a href='javascript:void(0)'>";
var tag_a_current_start = "[<a href='javascript:void(0)' style='color:#003;'>";
var tag_a_end = "</a>]" ;
var paging_info = " 页次: <label id='current_page_lbl'>{0}</label>/{1} <label id='total_count_lbl'>共 {2} 条记录</label>, 10条/页"
//首页
var paging_info_start_0 = first_page+prev_page;
var paging_info_end_0 = tag_a_no_current_start +next_page+tag_a_end+tag_a_no_current_start+last_page+tag_a_end;
//末页
var paging_info_start_1 = tag_a_no_current_start+first_page+tag_a_end+tag_a_no_current_start+prev_page+tag_a_end;
var paging_info_end_1 = next_page+last_page;
//非首页 、非末页
var paging_info_start_2 = tag_a_no_current_start+first_page+tag_a_end+tag_a_no_current_start+prev_page+tag_a_end;
var paging_info_end_2 = tag_a_no_current_start +next_page+tag_a_end+tag_a_no_current_start+last_page+tag_a_end;
function initPagingBar(pageCount , pageType)
{
var $paging_bar = $("#paging_bar");
//----------------初始页分页条信息-------------------------//
totalPage = pageCount ;
menuType = pageType ;
if ($paging_bar)
{
var sub_paging_bar = "" ;
i=0
while(i<pageCount)
{
sub_paging_bar += tag_a_no_current_start+(i+1)+tag_a_end ;
i++ ;
}
var pagestr = "<span id='start_span'>"+paging_info_start_0+"</span>" + sub_paging_bar + "<span id='end_span'>"+paging_info_end_0 +"</span>"+formatPageInfo(pageCount , currentPage ,paging_info ) ;
$paging_bar.html(pagestr);
setTotalData();
$paging_bar.find("a").eq(0).css("color","#003");
setSartAndEndBtnStatus(1,pageCount);
}
//----------------设置分页条数字单击加载事件----------------------------//
$paging_bar.find("a").live("click" ,function(){
$paging_bar.find("a").css("color","");
currentPage = getCurrentPage($(this).html() );
$paging_bar.find("a:contains("+currentPage+")").css("color","#003");
$paging_bar.find("#current_page_lbl").html(currentPage);
var pageName = pageType+"_"+currentPage+".html" ;
$("#page_list").load(pageName,function(){
setSartAndEndBtnStatus(currentPage,totalPage);
}
);
}
);
}
//格式化分页条尾部信息描述
function formatPageInfo(pageCount,currentPage,paging_info)
{
paging_info = paging_info.replace("{0}",currentPage).replace("{1}",pageCount);
return paging_info ;
}
//设置 首页 第一页 下一页 末页 状态
function setSartAndEndBtnStatus(currentPage,totalPage)
{
var $paging_bar = $("#paging_bar");
if (currentPage == 1 && currentPage < totalPage)
{
$paging_bar.find("#start_span").html(paging_info_start_0);
$paging_bar.find("#end_span").html(paging_info_end_0);
} else if (currentPage == 1 && currentPage == totalPage)
{
$paging_bar.find("#start_span").html(paging_info_start_0);
$paging_bar.find("#end_span").html(paging_info_end_1);
} else if (currentPage == totalPage)
{
$paging_bar.find("#start_span").html(paging_info_start_1);
$paging_bar.find("#end_span").html(paging_info_end_1);
} else
{
$paging_bar.find("#start_span").html(paging_info_start_2);
$paging_bar.find("#end_span").html(paging_info_end_2);
}
}
//根据当前a标签的内容获得当前页
function getCurrentPage($oprHtml)
{
$oprHtml = $.trim($oprHtml);
currentPage = parseInt(currentPage);
if ($oprHtml == "首页")
{
currentPage = 1 ;
} else if ($oprHtml == "上一页")
{
currentPage = currentPage==1?1:currentPage-1 ;
} else if ($oprHtml == "下一页")
{
currentPage = currentPage==totalPage?totalPage:currentPage+1 ;
} else if ($oprHtml == "末页")
{
currentPage = totalPage ;
} else
{
currentPage = $oprHtml ;
}
return currentPage ;
}
function setTotalData()
{
var lastPageName = menuType+"_"+totalPage+".html";
$("<div></div>").load(lastPageName,function(){
var lastPageCount = $(this).find("div").length;
totalCount = (totalPage-1)*10+lastPageCount ;
var $total_count_html = $("#total_count_lbl").html();
$("#total_count_lbl").html($total_count_html.replace("{2}",totalCount));
});
}
分享到:
相关推荐
jQuery根据总页数进行分页操作代码是一款带总数分页插件代码下载。
原生JS设置页码页数分页代码是一款支持首页尾页上一页下一页总共多少条数据显示分页代码。
formview分页上一页下一页总页数当前页数首页末页
js前端打印s分页实现共几页和第几页功能,触底自动换页,并每页表头新增固定部分,包括金额大写转换和当前时间获取
编程开发-综合控件-jQuery根据总页数进行分页代码(pageGroup.js.zip
此示例实现的效果是分页,采用原生JavaScript实现的js分页效果+图片运动效果,希望和大家一起学习交流,有指教的地方请留言给我,谢谢。
jquery动态分页数据获取代码 jquery动态分页数据获取代码
jQuery分页插件设置分页内容显示数量的分页代码 jQuery分页插件设置分页内容显示数量的分页代码
oracle分页查询并返回总记录数据的存储过程
Jquery所开发的一个轻量级Jquery分页控件;效果类似于易迅网的分页,通过传入总条数,动态创建分页数字,还可显示分页的信息{当前第几页,共几页,每页几条},等等,css样式可自定义。
4) 传统的分页, 分段式分页(每页内分为多段)归根结底是对数据集做一次切割, 映射到mysql的sql语法上, 就是根据输入求得limit子句, 适用场景为数据集变化频率低 5) since_id类分页, 其本质是假定已有数据无变化, 将...
<script language="JavaScript" src="common/service/scripts/turnPage.js"> <script type="text/javascript"> var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; sorter.asc = "asc"; sorter....
showPages.prototype.checkPages = function(){ //进行当前页数和总页数的验证 if (isNaN(parseInt(this.page))) this.page = 1; if (isNaN(parseInt(this.pageCount))) this.pageCount = 1; if (this.page ) ...
当从数据库查出数据过多时,分页条页码太多,将多余部分进行隐藏,永远只显示固定数量的页码
它不会进行任何数据查询来拆分页面上的数据集合,而是假设集合已经分页并且总页数是已知的。 基本上它生成分页项目的 html 列表,其中每个项目可能链接到某个页面。 有几种类型的分页项: 上一页一般页面当前页面...
利用kettle实现动态计算当前页码以及总页数,循环抽取大数据级数据到目标数据库中;
当总页数改变时(如查询数据库操作得到总页数),只需要调用pageWidget的两个函数 void Widget::changeMaxPage() { pageWidget->setMaxPage(ui->lineEdit->text().toInt()); pageWidget->setCurrentPage(1); } 当...
这个例子是Freemarker整合Struts2分页,包含了struts2和Freemarker的jar包,可以直接下载导入到Eclipse中运行.
只需要两个参数的分页,1,总页数。2,当前页面号码
得用JavaScript面向对象编程,编写了一个分页通过控件。代码精简,功能强大.