`
lxn014wg
  • 浏览: 35322 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

分页无刷新

 
阅读更多

  var pageSize=3,currentPageNum=1,totlePageNum
  var obj,totleRows,totleCols
  var rowHeigth = 20;
  function page() {
  totleRows=document.getElementById('tab1').rows.len gth;
  totleCols=document.getElementById('tab1').rows(0). cells.length; 
  totlePageNum=Math.ceil((totleRows-1)/pageSize)
  //如果某一页行数小于pageSize,则增加空行
  //document.getElementById("totlePageNume").innerHT ML="第"+""+currentPageNum.toString()+"+" / "+totlePageNum.toString()+"页";      
  N(0);  
  }
  function pageys(ys)
  {
  currentPageNum=ys;
  resetStyle();
  toPage(currentPageNum);
  filter(currentPageNum); 
  shuzipage();
  }
  function shuzipage()
  {
  document.getElementById("fys").innerHTML="";
  var pstart = currentPageNum - 5 > 0 ? currentPageNum - 5 : 0;
  var pend = currentPageNum + 5 > totlePageNum ? totlePageNum : currentPageNum + 5;
  if (pstart == 0)
  {
  pend = totlePageNum > 10 ? 10 : totlePageNum;
  }
  if (pend == totlePageNum)
  {
  pstart = pend - 10 > 0 ? pend - 10 : pstart;
  }
  for (var j = pstart; j "+ (j+1)+"";
  }
  else
  {
  document.getElementById("fys").innerHTML+=""+"["+(j+1)+"]"+"";
  }
  }                   
  }
  function resetStyle(){
  for (var i=1;i0 && currentPageNum>=totlePageNum ||ktotlePageNum ) {
  document.getElementById("next").disabled=true;
  document.getElementById("last").disabled=true;
  }
  else{
  document.getElementById("next").disabled=false;
  document.getElementById("last").disabled=false;
  }
  }
  
  
  
  
  
  
分享到:
评论

相关推荐

    Ajax分页 无刷新分页

    Ajax分页 无刷新分页一个非常牛叉的无刷新分页还有页面缓存!

    jquery 真正 分页 无刷新

    2.无刷新; 3.高效简洁; 4.基于jquery和.net(vs2008),适合GridView,Repeater等一切数据控件;(有时间再做一个java版的, 当然, 其实思路是一样的, java的同志也可以下载了研究一下, 不难的); 5.没有用数据库,而是用一个...

    Java Ajax 无刷新分页实例(完整版)

    使用ajax 实现无刷新分页,指定页码跳转等……内置sql!适合练习参考……

    .Net Mvc 分页无刷新处理

    这个小DEMO是用C#写的无刷新实现分页。数据库就用 Sql2000自带的Northwind数据库。下载后,你只需要修改web.config的连接字符串,为你自己的配置就OK了。这个字符串连接估计不用我多说了吧。有问题EAMIL我。...

    jquery分页无刷新分页

    无刷新分页,很好的实现无刷新的效果。更好的用户体验

    jquery 真正 分页 无刷新(pro)

    2.无刷新; 3.高效简洁; 4.基于jquery和.net(vs2008),适合GridView,Repeater等一切数据控件;(有时间再做一个java版的, 当然, 其实思路是一样的, java的同志也可以下载了研究一下, 不难的); 5.没有用数据库,而是用一个...

    jQuery paginate无刷新分页

    这种形式的分页也是网上见得最多的,符合大部分网民的习惯,而且jQuery的引入,使本款分页效果实现无刷新,点击页码可直接显示内容,当然,测试页的内容不是太多,适合无刷新分页,当数据较多的时候,估计需要加入...

    ajax分页无刷新

    这是一个ajax无刷新的分页源码,上传供大家学习

    js 分页 无刷新 插件 多用

    适用目前所知前台框架,不冲突,不基于任何框架编写,适应力强!适用目前所知前台框架,不冲突,不基于任何框架编写,适应力强

    mvc5无刷新分页

    mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页

    Repeater无刷新分页示例

    通过实现ICallbackEventHandler接口和借助GetCallbackEventReference生成脚本,完成repeater分页无刷新的效果

    java无刷新分页

    java无刷新分页java无刷新分页java无刷新分页

    jquery无刷新分页.排序

    jquery 无刷新分页 无刷新排序,这个是静态的数据。如果从数据库取出的数据,是一个道理。

    Jquery无刷新分页

    无刷新分页

    jsp分页,包括页面刷新和无刷新

    数据库用的是MySQL,主要分为刷新页面分页和无刷新页面分页,开发工具是Eclipse

    thinkphp+ajax无刷新分页

    thinkphp+ajax无刷新分页,方便快捷,简单易行

    ajax无刷新分页

    ajax无刷新分页

    SSH+Mysql无刷新分页实例

    SSH+Mysql无刷新分页实例,导入数据库,运行即可

    无刷新评论 无刷新分页等ajax应用~~

    无刷新评论 无刷新分页等ajax应用~~无刷新评论 无刷新分页等ajax应用~~无刷新评论 无刷新分页等ajax应用~~

    jquery 无刷新分页排序

    很好的一款jquery分层无刷新分页、各字段排序(northwind数据库)代码完整。供大家学习

Global site tag (gtag.js) - Google Analytics