javascript下写的一个分页模板

原创 2004年09月20日 14:49:00

这几天刚好在用JAVA开发一个WEB应用系统,在前端的设计中涉及到分页问题,以下是本人在处理分页问题时总结出来的一个用JAVACRIPT控制的分页模式,总结了一下.这里需要用到一些图片,如果有需要的朋友可以给我发E-MAIL,我再将整个文件打包发给您.由于不是很复杂,所以这里就不做太多描述了。

/**
 * 分页处理
 *

Title: rj-page


 *

Description: rj-page v1.0


 *

Copyright: Copyright (c) 2004


 *

Company: rjsoft


 * @author thinker
 * @email  yanghuangming@rongji.com
 * @version 1.0
 */
 /**
 *@pagcCount:总页数
 *@currentPage:当前页码
 *@url:分页URL
 *@pageSize:每页显示页码数
 */
function page(pageCount,currentPage,url,pageSize){
//样式的初始化
var bgpic_no_repeat ='background-repeat:no-repeat;';
var page_num ='font-size: 9px;color: #999999;text-decoration: none;text-align: center;cursor: hand;vertical-align: top;';
var page_num_cur ='font-size: 9px;color: #ff0000;text-decoration: none;text-align: center;cursor: hand;vertical-align: top;';

//body区域
var  first,last,numClass,pageId;
var showText ="";
showText +='

';
showText+='
Total:'+pageCount+'  
';
showText+='
';
if(currentPage>1){
pageId = currentPage-1;
showText+='';
}
showText+=' previous.gif  ';
if(currentPage>1){
showText+='
';
}
showText+='
';
showText+=' first.gif  ';
showText+='
';
showText+='

showText+='

';
showText+=' '+k+'  ';
showText+=' ';
showText+=' ';
showText+='';
showText+='';
}
//循环结束
//
showText+='  ';
showText+='
';
showText+='';
showText+=' ';
if(currentPagepageId=currentPage+1;
showText+='';
}
showText+='next.gif  ';
if(currentPageshowText+='
';
}
showText+='';
document.write(showText);
}

TRS js分页代码实现

css 代码: /** * * pageStyle * **/ .pageStyle { font-size:14px; font-family:Arial, Helvetica...
  • zhonggenchang
  • zhonggenchang
  • 2011年07月29日 17:52
  • 1891

javascript编写自己的模板解析器

编写自己的模板解析器因为最近在研究artTemplate,ejs,baaiduTemplate等模板,所以,一时兴起,自己也写了个简单的模板解析器。一个最基本的模板解析器,需要有什么功能呢? 读取变量...
  • linfenpan
  • linfenpan
  • 2015年07月04日 15:38
  • 1379

分享一个自己写的jquery分页插件

自己写的第一个jquery插件,起名字叫amsetpager。暂定为第一个版本吧,哈哈。 目前实现三种分页吧,一个是普通的通过url按当前页向后台查询数据展示,一种是所有的数据查询完毕进行分页。然后...
  • dyllove98
  • dyllove98
  • 2013年05月01日 00:22
  • 2554

vueJs写一个分页

Vuejs-分页  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockqu...
  • u011313703
  • u011313703
  • 2017年04月06日 17:54
  • 814

简单的js模板引擎

模板引擎初探最简单:定义做模板关键字,引擎一遇到关键字就进行文本替换。替换的值来自引擎的data参数var templateEngine = function( tpl , data ) { ...
  • vctisildur
  • vctisildur
  • 2015年03月21日 16:28
  • 1412

freemarker分页模板

后端数据格式及获取详情参见文章 Mybatis实现分页controller层部分代码 /** * 分页显示某个类别下的商品 */ @RequestMapping(...
  • normol
  • normol
  • 2017年09月07日 22:04
  • 538

js分页实现,前端实现。

主要是借鉴了网上一个例子,自己重新加了样式,添加了跳转,修改了一些小地方,用于和大家一起分享,前端分页的技巧,表格 的数据是我已经写好了,其实大家也可以前端渲染表格然后再分页,都是可以的。 ...
  • liuzijiang1123
  • liuzijiang1123
  • 2017年01月05日 18:32
  • 9329

自己js写的分页小工具供大家参考

js写的分页展示效果的小工具,显示定div里面的数据,实现分页(包含总页数,当前页数,上一页,下一页,跳转页的显示)...
  • u010649589
  • u010649589
  • 2017年04月10日 18:24
  • 187

原生javascript实现的分页插件pagenav

/* ************************** author:Keel (keel.sike@gmail.com) ************************** 页码显示jq...
  • u010523770
  • u010523770
  • 2016年07月04日 15:06
  • 1423

jQuery + CSS 实现Tab分页功能

Html代码 div id="divTab" style="width:500px;">      table cellSpacing="0" cellPadding="0" width="100%"...
  • escode
  • escode
  • 2009年02月16日 09:35
  • 3905
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript下写的一个分页模板
举报原因:
原因补充:

(最多只允许输入30个字)