热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery.page分页控件

分享一下自己在项目中引用的Jquery分页控件index.html内容

分享一下自己在项目中引用的Jquery分页控件

index.html内容


"zh-cn" xmlns="http://www.w3.org/1999/xhtml">

"utf-8" />







class="tcdPageCode">


"text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">


 

jquery.page.js中的内容

(function($){var ms = {init:function(obj,args){return (function(){ms.fillHtml(obj,args);ms.bindEvent(obj,args);})();},//填充html
fillHtml:function(obj,args){return (function(){obj.empty();//上一页if(args.current > 1){obj.append(&#39;上一页&#39;);}else{obj.remove(&#39;.prevPage&#39;);obj.append(&#39;上一页&#39;);}//中间页码if(args.current !&#61; 1 && args.current >&#61; 4 && args.pageCount !&#61; 4){obj.append(&#39;&#39;&#43;1&#43;&#39;&#39;);}if(args.current-2 > 2 && args.current <&#61; args.pageCount && args.pageCount > 5){obj.append(&#39;...&#39;);}var start &#61; args.current -2,end &#61; args.current&#43;2;if((start > 1 && args.current <4)||args.current &#61;&#61; 1){end&#43;&#43;;}if(args.current > args.pageCount-4 && args.current >&#61; args.pageCount){start--;}for (;start <&#61; end; start&#43;&#43;) {if(start <&#61; args.pageCount && start >&#61; 1){if(start !&#61; args.current){obj.append(&#39;&#39;&#43; start &#43;&#39;&#39;);}else{obj.append(&#39;&#39;&#43; start &#43;&#39;&#39;);}}}if(args.current &#43; 2 1 && args.current >&#61; 1 && args.pageCount > 5){obj.append(&#39;...&#39;);}if(args.current !&#61; args.pageCount && args.current 2 && args.pageCount !&#61; 4){obj.append(&#39;&#39;&#43;args.pageCount&#43;&#39;&#39;);}//下一页if(args.current < args.pageCount){obj.append(&#39;下一页&#39;);}else{obj.remove(&#39;.nextPage&#39;);obj.append(&#39;下一页&#39;);}})();},//绑定事件
bindEvent:function(obj,args){return (function(){obj.on("click","a.tcdNumber",function(){var current &#61; parseInt($(this).text());ms.fillHtml(obj,{"current":current,"pageCount":args.pageCount});if(typeof(args.backFn)&#61;&#61;"function"){args.backFn(current);}});//上一页obj.on("click","a.prevPage",function(){var current &#61; parseInt(obj.children("span.current").text());ms.fillHtml(obj,{"current":current-1,"pageCount":args.pageCount});if(typeof(args.backFn)&#61;&#61;"function"){args.backFn(current-1);}});//下一页obj.on("click","a.nextPage",function(){var current &#61; parseInt(obj.children("span.current").text());ms.fillHtml(obj,{"current":current&#43;1,"pageCount":args.pageCount});if(typeof(args.backFn)&#61;&#61;"function"){args.backFn(current&#43;1);}});})();}}$.fn.createPage &#61; function(options){var args &#61; $.extend({pageCount : 15,current : 3,backFn : function(){}},options);ms.init(this,args);}
})(jQuery);

 

项目中 

function AD(s){var postData &#61; {TypeId:&#64;ViewBag.keyValue,page:s };postData &#61; JSON.stringify(postData);var data&#61;{queryJson:postData};$.SetForm({url: "../../publicinfomanage/notice/getpagelistjson",param: data,success: function (result) {$("#NLS").html("");var htmls &#61; "";for (var i &#61; 0; i ) {if (result.rows[i].FullHeadColor !&#61; undefined) {htmls &#43;&#61; "

  • "&#43;result.rows[i].NewsId&#43;"&#39;,&#39;企业文化-"&#43;result.rows[i].FullHead&#43;"&#39;)&#39;>"&#43;result.rows[i].FullHeadColor&#43;"&#39;>" &#43; result.rows[i].FullHead &#43; "" &#43; result.rows[i].CreateDate.substring(0,10) &#43; "
  • ";}else{htmls &#43;&#61; "
  • "&#43;result.rows[i].NewsId&#43;"&#39;,&#39;企业文化-"&#43;result.rows[i].FullHead&#43;"&#39;)\">" &#43; result.rows[i].FullHead &#43; "" &#43; result.rows[i].CreateDate.substring(0,10) &#43; "
  • ";}}$("#NLS").html(htmls);}})} function pageCont(pc){$(".tcdPageCode").createPage({pageCount:pc,current:1,backFn:function(p){AD(p);  //p返回是当前第几页}});}

     



    推荐阅读
    • HTML制作简单首页导航
      h1大标题:李广程的作业列表查看演示地址一:http:js.lgcweb.cn查看演示备用地址:http:39.105.0.128Ja ... [详细]
    • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
      本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
    • JavaScript实现拖动对话框效果
      原标题:JavaScript实现拖动对话框效果代码实现:<!DOCTYPEhtml><htmllan ... [详细]
    • Linux重启网络命令实例及关机和重启示例教程
      本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
    • CSS3选择器的使用方法详解,提高Web开发效率和精准度
      本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
    • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
    • SpringMVC接收请求参数的方式总结
      本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
    • 从零基础到精通的前台学习路线
      随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
    • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
    • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
    • 025_JavaScript数组方法
      1.把数组转换为字符串1.1.toString()方法1.1.1.toString()方法把数组转换为数组值(逗号分隔)的字符串,并返回结果。1.1.2.语法arrayOb ... [详细]
    • 本文由编程笔记#小编为大家整理,主要介绍了css回到顶部按钮相关的知识,希望对你有一定的参考价值。 ... [详细]
    • <!DOCTYPEhtml><htmllang=en><head><metacharset=UT ... [详细]
    • 使用HTML创建弹出框以便用户输入信息
      在做项目的过程中,我们时常需要进行一些弹框操作,比如在后台管理时需要进行的一些增删改操作,这个时候我们需要使用到弹框,或者在 ... [详细]
    • css自适应字体样式?如果是一排文字,一个background‘red’;就搞定了。是多行的话,只有根据文字行高,用一张背景图横向重复。css样式自适应分辨率高度和宽度尽量使用百分 ... [详细]
    author-avatar
    吴国伟60942
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有