热门标签 | 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返回是当前第几页}});}

     



    推荐阅读
    • 解决Bootstrap DataTable Ajax请求重复问题
      在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
    • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
      技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
    • 网站访问全流程解析
      本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
    • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
    • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
    • Web开发框架概览:Java与JavaScript技术及框架综述
      Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
    • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
    • 本文详细介绍了 jQuery 的入门知识与实战应用,首先讲解了如何引入 jQuery 库及入口函数的使用方法,为初学者提供了清晰的操作指南。此外,还深入探讨了 jQuery 在实际项目中的多种应用场景,包括 DOM 操作、事件处理和 AJAX 请求等,帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]
    • jQuery Flot 数据可视化插件:高效绘制图表的专业工具
      jQuery Flot 是一款高效的数据可视化插件,专为绘制各种图表而设计。该工具支持丰富的图表类型和自定义选项,适用于多种应用场景。用户可以通过其官方网站获取示例代码和下载资源,以便快速上手和使用。 ... [详细]
    • Django框架进阶教程:掌握Ajax请求的基础知识与应用技巧
      本教程深入探讨了Django框架中Ajax请求的核心概念与实用技巧,帮助开发者掌握异步数据交互的方法,提升Web应用的响应速度和用户体验。通过实例解析,详细介绍了如何在Django项目中高效实现Ajax请求,涵盖从基础配置到复杂场景的应用。 ... [详细]
    • 精通jQuery:深入解析事件处理机制与应用技巧
      本文详细探讨了jQuery的事件处理机制及其应用技巧,通过具体的代码示例,逐一解析了每个jQuery代码片段与其对应的HTML结构。文章以标记为基准,CSS作为通用样式,确保每段代码都能独立运行。HTML和CSS代码统一放置在文章末尾,方便读者参考和实践。 ... [详细]
    • javascript分页类支持页码格式
      前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
    • 第二十五天接口、多态
      1.java是面向对象的语言。设计模式:接口接口类是从java里衍生出来的,不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]
    • 解决Parallels Desktop错误15265的方法
      本文详细介绍了在使用Parallels Desktop时遇到错误15265的多种解决方案,包括检查网络连接、关闭代理服务器和修改主机文件等步骤。 ... [详细]
    • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
      本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
    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社区 版权所有