//代码整理:懒人之家 www.lanrenzhijia.com
//分页插件
/**
2014-08-05 ch
2016-07-19 Modified By RenGuoQiang
**/
(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(‘<a href="javascript:;" class="prevPage"><</a>‘);
}else{
obj.remove(‘.prevPage‘);
obj.append(‘<span class="disabled"><</span>‘);
}
//中间页码
if(args.current != 1 && args.current >= 4 && args.pageCount != 4){
obj.append(‘<a href="javascript:;" class="tcdNumber">‘+1+‘</a>‘);
}
if(args.current-2 > 2 && args.current <= args.pageCount && args.pageCount > 5){
obj.append(‘<span>...</span>‘);
}
var start = args.current -1,end = args.current+1;
if((start > 1 && args.current < 4)||args.current == 1){
end++;
}
if(args.current > args.pageCount-4 && args.current >= args.pageCount){
start--;
}
for (;start <= end; start++) {
if(start <= args.pageCount && start >= 1){
if(start != args.current){
obj.append(‘<a href="javascript:;" class="tcdNumber">‘+ start +‘</a>‘);
}else{
obj.append(‘<span class="current">‘+ start +‘</span>‘);
}
}
}
if(args.current + 2 < args.pageCount - 1 && args.current >= 1 && args.pageCount > 5){
obj.append(‘<span>...</span>‘);
}
if(args.current != args.pageCount && args.current < args.pageCount -2 && args.pageCount != 4){
obj.append(‘<a href="javascript:;" class="tcdNumber">‘+args.pageCount+‘</a>‘);
}
//下一页
if(args.current < args.pageCount){
obj.append(‘<a href="javascript:;" class="nextPage">></a>‘);
}else{
obj.remove(‘.nextPage‘);
obj.append(‘<span class="disabled">></span>‘);
}
})();
},
//绑定事件
bindEvent:function(obj,args){
return (function(){
obj.on("click","a.tcdNumber",function(){
var current = parseInt($(this).text());
ms.fillHtml(obj,{"current":current,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current);
}
});
//上一页
obj.on("click","a.prevPage",function(){
var current = parseInt(obj.children("span.current").text());
ms.fillHtml(obj,{"current":current-1,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current-1);
}
});
//下一页
obj.on("click","a.nextPage",function(){
var current = parseInt(obj.children("span.current").text());
ms.fillHtml(obj,{"current":current+1,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current+1);
}
});
})();
}
}
$.fn.createPage = function(options){
var inited = false;
var args = $.extend({
pageCount : 10,
current : 1,
backFn : function(){}
},options);
alert(inited);
if(!inited) {
ms.init(this,args);
inited = true;
}
}
})(jQuery);
完善分页插件,增加内部成员,确定控件是否已经初始化过一次。
时间: 2024-10-08 05:17:36
完善分页插件,增加内部成员,确定控件是否已经初始化过一次。的相关文章
Entity Framework后台采用分页方式取数据与AspNetPager控件的使用
转载至:http://www.cnblogs.com/jaxu/p/3655582.html 本文是一个对AspNetPager控件使用的笔记! 有关AspNetPager控件可以查看杨涛主页.这是一个开放的自定义ASP.NET控件,支持各种自定义的数据分页方式,使用很方便,而且功能也很强大,网站开发过程中使用该控件可以省去很多不必要的麻烦. 本页下载:AspNetPager745DLL.zip 然后看一下在页面上如何通过Entity Framework将分页数据传递给该控件以实现真分页. 页面
JQuery Pagination 分页插件 增加了首页尾页以及跳转功能
JQuery分页插件 挺好用的 但是官方是没有提供首页尾页以及跳转功能 我觉得这个功能可以有,于是就改进了一下 一个js一个css从连接里面下 链接:http://pan.baidu.com/s/1nvaq99R 密码:9nfb 上效果图: 页面代码 <script type="text/javascript"> //分页查询开始 $(document).ready(function() { getDataList(0, null); }); var rows = 10;
jsp日期插件My97DatePicker 强大的日期控件 使用方便简单
本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途:WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名con
C# 实现线程内部与界面控件交互
线程内部无法直接调用web层控件的数据,以及线程与数据的相互交互,这时候要用到委托 代码: using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using System.Threading; //引用
17. Vue 使用Element-ui的国际语言插件i18n导致DatePicker日期控件英文错乱
先附上链接,详细请参考:https://blog.csdn.net/github_39532240/article/details/79192780 再来说说我的情况吧,因为项目需要语言的国际化所以就采用了Vue支持的i18n语言国际化,但是当使用了之后发现Element-ui组件的DatePicker日期控件发生英文错乱,如下图所示: 具体原因呢,是出在实现element插件的多语言切换的方法的使用上,如图所示: 之前的写法是上面注释掉的,解决方法呢就是下面那个了.改了之后,抱着忐忑的心情试了
使用jquery.validate.js插件进行表单里控件的验证
jsp中具体实现的代码: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos
ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示(一)
为什么使用ListView+DataPager的方式实现分页显示? .net提供的诸多数据绑定控件,每一种都有它自己的优点和缺点.如果需要对数据进行操作,如果数据量不大的情况下,DataList和GridView是最好的选择,但是他们会生产额外的<table><tr><tbody><td>标签.如果只是罗列出来一些简单的数据,出于对性能的考虑,repeater必然是首选.当然ListView和DataPager的组合必将是开发中的黄金组合,无论从性能上和功能
Java框架之MyBatis 07-动态SQL-缓存机制-逆向工程-分页插件
MyBatis 今天大年初一,你在学习!不学习做什么,斗地主...人都凑不齐.学习吧,学习使我快乐!除了诗和远方还有责任,我也想担当,我也想负责,可臣妾做不到啊,怎么办?你说怎么办,为啥人家能做到你做不到,因为人家比你多做了那么一点点.哪一点点?就那么一点点,只要你也多做那么一点点,不就做到了!...就那么一点点呀,我回顾SE去了.万丈高楼平地起,基础打的牢,怕什么狂风暴雨 MyBatis 动态SQL MyBatis为了解决通过一些不确定性的条件进行SQL语句的拼接操作的问题, 提供了动态SQL
控件、组件和插件的区别
(1)组件:首先最广的应该是组件.凡是在软件开发中用到了软件的复用,被复用的部分都可以称为组件. (2)插件:插件是组件中中的一种,凡是在应用程序中已经预留接口的组件就是插件.可以拿IE插件作为例子,IE中之所以可以嵌入很多应用程序,那是因为IE允许他们插入,说的明白一点,那就是在IE的源程序中已经为这些应用程序预留了接口,只要把通知浏览器已经加载了什么插件,浏览器就会调用预留的接口调用这些所谓的插件. (3)控件:控件也是组件中的一种.控件就是具有用户界面的组件(可视化组件),比如:按钮.列表