ASP.NET的分页方法(四)
这是我早先得到的一段JS代码,只需要修改一下开头的几个参数,就可以使用,不知道能否试用于静态页面呢,大家可以尝试一下
<script language="javascript">
var obj, j;
var page = ;
var nowPage = ;//当前页
var listNum = ;//每页显示<ul>数
var PagesLen;//总页数
var PageNum = ;//分页链接接数(5个)
onload = function () {
obj = document.getElementById("pageshow").getElementsByTagName("li");
j = obj.length
PagesLen = Math.ceil(j / listNum);
upPage()
}
function upPage(p) {
nowPage = p
//内容变换
for (var i = ; i < j; i++) {
obj[i].style.display = "none"
}
for (var i = p * listNum; i < (p + ) * listNum; i++) {
if (obj[i]) obj[i].style.display = "block"
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
//分页链接变换
strS = '<a href="###" onclick="upPage(0)">首页</a> '
var PageNum_2 = PageNum % == ? Math.ceil(PageNum / ) + : Math.ceil(PageNum / )
var PageNum_3 = PageNum % == ? Math.ceil(PageNum / ) : Math.ceil(PageNum / ) +
var strC = "", startPage, endPage;
if (PageNum >= PagesLen) { startPage = ; endPage = PagesLen - }
else if (nowPage < PageNum_2) { startPage = ; endPage = PagesLen - > PageNum ? PageNum : PagesLen - }//首页
else { startPage = nowPage + PageNum_3 >= PagesLen ? PagesLen - PageNum - : nowPage - PageNum_2 + ; var t = startPage + PageNum; endPage = t > PagesLen ? PagesLen - : t }
for (var i = startPage; i <= endPage; i++) {
if (i == nowPage) strC += '<a href="###" style="color:red;font-weight:700;" onclick="upPage(' + i + ')">' + (i + ) + '</a> '
else strC += '<a href="###" onclick="upPage(' + i + ')">' + (i + ) + '</a> '
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
strE = ' <a href="###" onclick="upPage(' + (PagesLen - ) + ')">尾页</a> '
strE2 = nowPage + + "/" + PagesLen + "页" + " 共" + j + "条"
document.getElementById("changpage").innerHTML = strS + strC + strE + strE2
}
</script> <style type="text/css">
li
{
display: none;
}
</style>
补充一下在table表格里面,改变一下这几句话,就可以加上repeater一起使用了
//第一:
obj = $("tr[class='tContent']");//获取一下绑定循环的TR,并且加上class=tContent的属性
//第二:在表格里面使用display:block似乎会导致样式错乱,可以换成属性 if (obj[i]) obj[i].style.display = " table-row";
//关于 table-row",.W3C的解释如下:
此元素会作为一个表格行显示(类似 <tr>)。
希望对大家有帮助
ASP.NET的分页方法(四)的更多相关文章
- asp.net数据分页方法
/// <summary> /// 数据分页方法 /// </summary> /// <param name="PageIndex">当前页& ...
- ASP.NET的分页方法(一)
要做一个关于分页写法的专题,这是今天的第一讲,自制分页,可能有些代码需要优化,希望大家给出一些中肯的建议 前台使用的repeater绑定的数据: <form id="form1&quo ...
- ASP.NET的分页方法(二)
第二讲主要使用到了常用的分页控件aspnetpager,这里对他就行一个简单的应用,具体大家可以到杨涛的博客上去寻找相关的DLL, 首先要先引用AspNetPager.dll,然后把这个DLL同时添加 ...
- ASP.NET的分页方法(三)
第三讲是应用于MVC上面的分页,很多时候MVC要和EF表达式一起使用,但是我这个使用的最原始的ADO.NET,一样实现了这个效果.要实现这个效果首先要得到MvcPager.dll,引用之后,前台操作如 ...
- JavaWeb实现分页的四种方法
一.借助数组进行分页 原理:进行数据库查询操作时,获取到数据库中所有满足条件的记录,保存在应用的临时数组中,再通过List的subList方法,获取到满足条件的所有记录. 实现: 首先在dao层,创建 ...
- SQL server分页的四种方法
SQL server分页的四种方法 1.三重循环: 2.利用max(主键); 3.利用row_number关键字: 4.offset/fetch next关键字 方法一:三重循环思路 先取前20页, ...
- SQL server分页的四种方法(算很全面了)
这篇博客讲的是SQL server的分页方法,用的SQL server 2012版本.下面都用pageIndex表示页数,pageSize表示一页包含的记录.并且下面涉及到具体例子的,设定查询第2 ...
- ASP.NET真分页_接前篇引用AspNetPager.dll进行数据分页
一.前端准备工作 1.之前我写到过<Asp.net中引用AspNetPager.dll进行数据分页> 这种分页方式只能在前台将数据分页,而每次点击查询时对目标数据库还是全查询,这样不仅会 ...
- ASP.NET MVC Model验证(四)
ASP.NET MVC Model验证(四) 前言 本篇主要讲解ModelValidatorProvider 和ModelValidator两种类型的自定义实现,前者是Model验证提供程序,而Mod ...
随机推荐
- 二、CSS 基本介绍
[ 显示目录 ] [ 隐藏 ] 目录 基本概念 CSS组成部分 CSS的规则 引入CSS样式的方法 颜色的表示 CSS Reset 选择器分类 浮动 盒子模型 box-sizing属性 实例:实现“田 ...
- 原创:无错版!让DEDE只生成一个RSS文件,不分栏目
DEDE为每一个栏目都独立创建一个rss文件, 如果用户要整站订阅相当不方便. 所以需要修改让dede只生成一个rss. 网上大部分帖子要么是抄, 要么是有问题少了步骤. 今天特意整理下. 分享.. ...
- 【Django】Python虚拟环境工具virtualenv
教程 第一步:安装virtualenv $pip install virtualenv 第二步:开启虚拟环境的python $cd ENV/Scripts $activate.bat #启用virtu ...
- 通过 XtraBackup 实现不停机不锁表搭建主从同步
简介 Xtrabackup是由 Percona 开发的一个开源软件,可实现对 InnoDB 的数据备份,支持在线热备份(备份时不影响数据读写).备份时,Xtrabackup 会将 Master 的 b ...
- s:iterator标签的使用
1.在说明s:iterator标签的使用前,先了解下struts2中的Value Stack. 这里参考了webwork中对Value Stack的描述,由于struts2是在webwork的基础上进 ...
- php.ini中Magic_Quotes_Gpc开关设置
如果你网站空间的php.ini文件里的magic_quotes_gpc设成了off,那么PHP就不会在敏感字符前加上反斜杠(\\),由于表单提交的内容可能含有敏感字符,如单引号('),就导致了SQL ...
- web-ylbtech-数据库备份-数据库设计
ylbtech-DatabaseDesgin:web-ylbtech-数据库备份-数据库设计 DatabaseName:ylbtech Model:备份 Type:数据库备份设计 Url: 1.A,数 ...
- 打造万能的ListView GridView 适配器
转载:http://blog.csdn.net/lmj623565791/article/details/38902805/ 通用的ViewHolder 首先分析下ViewHolder的作用,通过co ...
- 12、NFC技术:读写NFC标签中的Uri数据
功能实现,如下代码所示: 读写NFC标签的Uri 主Activity import cn.read.write.uri.library.UriRecord; import android.app.Ac ...
- OE7设置菜单为什么这么少?
默认安装的OE7设置菜单只有很少的功能: 如果需要更多的OE定制,必须开启“技术特性”选项: