自己写的简单的jQuery分页控件

因为是内部项目,需要分页控件,网上找了一大堆,给领导一看,都说不行,原因很简单,太复杂,领导就想要个简单点的,类似百度的分页,可是自己也没写过Jquery控件,硬着头皮找了些资料,写了这个分页控件,目前只在chrome测试,其他的兼容性不知道, 总算也会自己写插件了, 虽然很烂,但好歹也是进步啊,附上图片,源码,也许有人也有同样的需求可以用得到,欢迎指正,批评!! css: @charset "utf-8";* { margin:0px; padding:0px; font…

jquery 分页控件2

jquery 分页控件(二) 上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的,我弄了个简单的asp.net例子(vs 2010).通过ajax根据每一页请求数据,数据是使用json格式进行传输,通过knockout.js绑定.在这里顺便推荐一下汤姆大叔的Knockout应用开发指南 ,是学习Knockout非常好的文章. 惯例:插件Demo Asp.net D…

jquery 分页控件1

jquery 分页控件(一) 以前一直都是用别人的分页控件,虽然用得很爽,但总觉的还是自己写个小插件比较好,这个插件效果.代码等都有参照别人完成的控件.即便功能并不是那么完善,扩展性也不好,bug或许还很多.个人觉得,适合自己用就行了.你对自己写的肯定会比较熟悉,当插件需要不停的重构,这个插件就慢慢完善了.现在要做的是走出开头的那一步.往往都是因为开头的那一步阻碍了我们. 废话一大堆........ 惯例 Demo下载效果图: 一.定义基础数据 //基础数据 var current_page…

jquery 分页控件(二)

上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的,我弄了个简单的asp.net例子(vs 2010).通过ajax根据每一页请求数据,数据是使用json格式进行传输,通过knockout.js绑定.在这里顺便推荐一下汤姆大叔的Knockout应用开发指南 ,是学习Knockout非常好的文章. 惯例:插件Demo Asp.net Demo 效果图: 主要思路是通…

jquery 分页控件（一）

以前一直都是用别人的分页控件,虽然用得很爽,但总觉的还是自己写个小插件比较好,这个插件效果.代码等都有参照别人完成的控件.即便功能并不是那么完善,扩展性也不好,bug或许还很多.个人觉得,适合自己用就行了.你对自己写的肯定会比较熟悉,当插件需要不停的重构,这个插件就慢慢完善了.现在要做的是走出开头的那一步.往往都是因为开头的那一步阻碍了我们. 废话一大堆........ 惯例 Demo下载效果图: 一.定义基础数据 //基础数据 var current_page = 1; //当前页 var…

小白写的一个ASP.NET分页控件，仅供娱乐

无聊,第一次写博客,自己动手写了一个分页控件.由于我是新手,有很多地方写得不够好,希望各位大牛多多指正.哈哈哈 /// <summary> /// 分页控件 /// </summary> public class Pager { /// <summary> /// 每页记录行数参数名称 /// </summary> public string PageSizeName { get; set; } /// <summary> /// 分页当前索引页…

jquery 分页控件功能

.net分页控件简单实现

.net分页控件简单实现好久好久没写博客了.....最近写了一个.net的分页控件,放到园子里...你觉得好,就点个赞,不好呢,就告诉我为啥吧.... 是使用Request.QueryString的.... 参数: public int currentPageIndex = 0;//当前页数 public int pagesize = 16;//每页显示的条数 public int pagecount = 0;//页数 public int rowscount = 0;//总条数 public…

jQuery.page 分页控件

分享一下自己在项目中引用的Jquery分页控件 index.html内容 <!DOCTYPE html> <html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>简单的jQuery分页插件下载</title> <style> *{…

自定义angularjs分页控件

继昨天写了knockoutjs+ jquery pagination+asp.net web Api 实现无刷新列表页 ,正好最近刚学习angularjs ,故琢磨着写一个angularjs版本的分页控件. 思路是自定义一个directive , 然后用isolated scope与父级controller $scope同步交互页数和当前页信息, 利用module的contant方法定义默认选项,从directive link 函数获取用户自定义选项设置.和以前写jquery插件的思路类似, 内…

WPF管理系统自定义分页控件 - WPF特工队内部资料

最近做一个演示的管理系统项目,需要用到分页控件,在网上找了很多,依然找到与UI模版匹配的,最后干脆自己写一个. 分页控件分析: 1.分页控件分简单显示和复杂显示两种: 2.包含上一页.下一页以及页码明细逻辑处理: 3.页码总数小于7时显示默认显示,大于7时切换复杂显示: 4.页码数.索引.总条数计算等: 先来一张效果图: 啥也不说了直接上代码 MISPager.xaml部分 <ResourceDictionary xmlns="http://schemas.microsoft.com/wi…

asp.net 分页-自己写分页控件

去年就发表过asp.net 分页-利用后台直接生成html分页 ,那种方法只是单纯的实现了分页,基本不能使用,那时就想写个自己的分页控件,无奈能力有限.最近有点时间了,就自己做出了这个分页控件.我承认,这个控件参考了别人的,但是其实里面的原理都相同,差异只是展现方式而已. 去年就在做一个自己的后台系统,刚开始用的asp.net,做了一部分就没有做了,因为缺少权限控制类别.后面转为用asp.net mvc4做,也只是做了一部分,觉得不太方便,也许是我不太会用.再用ajax+ashx做了一部分,虽然…

纯手写分页控件CSS+JS+SQL

Asp.net中虽然用DataPager配合ListView可以实现分页显示,但是有时候由于开发环境等问题不能用到DataPager控件,那么自己手工写一个分页控件就很有必要了,当然,最重要的是通用性. 首先,来看一下我的分页控件的显示效果: 简单说明:红底色的为当前页,白底红字的是选择新的页,共有1236页,默认从第1页开始显示,分页行长度含“……”共11格,有全显示,单边省略和两边省略三种模式. 当你仔细看完上图的显示效果并理解其分页的相应变化后,我们就要开始制作这个分页了:) 第一步)获取…

asp.net mvc简单实现基于Razor的分页控件

最近在写一些web应用了解了一下asp.net mvc发现的确好用,所以直接就干上了.不过在使用asp.net mvc的Razor模板的情况并不向传统webform那样可以使用控件.但从Razor的功能上已经具备相关代替的功能,只是从Razor角度来说不是我们平常说的控件而是子模板.由于Razor可以根据自己需求把功能拆分到子模板中,然后通过RenderPage方法输出.从设计的手段上来看完全可以把分页控件封装成一个子的cshtml,在需要的时候引用上就是了. 作为一个控件的设计其最重要的环节是…

仿淘宝分页按钮效果简单美观易使用的JS分页控件

分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码附件中有完整例子的压缩包下载.已更新到最新版本先看效果图: 01输入框焦点效果 02效果模仿淘宝的分页按钮效果控件kkpager JS代码: var kkpager = { //divID pagerid : 'div_pager', //当前页码 pno : 1, //总页码 total : 1, //总数据条数 totalRecords : 0, //是否显示总页数…

基于jquery扩展漂亮的分页控件（ajax）

分页控件式大家在熟悉不过的控件,很多情况下都需要使用到分页控件来完成列表数据加载操作,在很多分页控件中有的编写麻烦,有的应用扩展比较复杂,有的分页控件样式比较丑陋,有的分页控件用户体验操作比较简单等等一些不符合自己的要求,在此之际为了项目需求,自己扩展一个分页控件js类,以便日后方便重用,现在分享这个控件. 分页控件分解: 1.初始化对象 2.分页控件绑定前台显示 3.异步调用获取数据 4.单击按钮回调事件 5.按钮单击事件 6.文本框输入事件 7.点击确定搜索事件. Html代码: <div…

ajax 分页控件，基于jquery

/* 分页插件,依赖jQuery库 version: 1.1.0 author: Harrison Cao release date: 2013-09-23 相对 v1.0版本修正了分页居中使用方法: 1.初始化分页控件(可以在第一次ajax请求回调时根据返回的总记录数(AllRows)和页面自定义属性(PageSize.CurrentPageIndex.SectionPagesCount)初始化控件) 调用PagerPlugin.Init(...)函数初始化,参数描述如下: pageIn…

jQuery Pagination Plugin ajax分页控件

<html> <body> <div id="datagrid"> </div> <div id="pagination"> </div> </body> <script src="http://image.**.com/common/js/jquery-1.8.3.min.js" type="text/javascript">&l…

基于avalon+jquery做的bootstrap分页控件

刚开始学习avalon,项目需要就尝试写了个分页控件Pager.js:基于BootStrap样式这个大家都很熟悉在这里推荐下国产前端神器avalon:确实好用,帮我解决了很多前端问题. 不多说了,代码贴上: /** * options.id avalon 所需要的$id * options.total 总记录数 * options.rows 行数 * options.callback */ var Pager=function(options){ var _this=this; _this.c…

WPF自定义分页控件,样式自定义,简单易用

WPF自定义分页控件做了许久伸手党,终于有机会贡献一波,搜索一下WPF分页控件,还是多,但是不太通用,主要就是样式问题,这个WPF很好解决,还有一个就是分页控件嘛,只关心几个数字的变动就行了,把页码改变事件暴露出来,数据的加载在这里就做就行,所以这个分页控件很简单... 好像也没啥讲的,直接上代码了分页控件基本样式 <Style TargetType="{x:Type local:Pager}"> <Setter Property="Template&q…

jQuery控件之分页控件-- kkpager v1.3使用简介

js分页展示控件,传入简单参数就能使用的分页效果控件在线测试链接: http://pgkk.github.io/kkpager/example/pager_test.html http://pgkk.github.io/kkpager/example/pager_test_orange_color.html http://pgkk.github.io/kkpager/example/pager_test_clickmode.html 准备工作,引入js.css <script type="…

自己动手用Javascript写一个无刷新分页控件

.NET技术交流群:337901356 ,欢迎您的加入! 对于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的人,可能对服务器端(具有runat="server"属性)的控件的回发(PostBack)特性有一定的了解.我们知道,只要一点击页面中的Asp.net按钮(可能是LinkButton,也可能是Button,还有可能是ImageButton等)都会引起整个页面的刷新, 这样的体验是非常不好…

WPF简单的分页控件实现

XAML代码(使用ItemsControl控件实现): <UserControl x:Class="SunCreate.Vipf.Client.UI.CityDoor.PageControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmln…

.net core 学习笔记（1）-分页控件的使用

最近有个小项目,用.net core开发练练手,碰到的第一个问题就是分页控件的问题,自己写太费时间,上网查了下,发现有人已经封装好了的,就拿过来用了,分页控件github:https://github.com/sgjsakura/AspNetCore/blob/master/PagerDemo.md 使用方法也很简单后台代码如下:期中list是数据返回的数据,pagesize是每页的数量,page是当前页数,totalcount-总条数,pagenum-总页数 var model= new P…

C# WinForm自定义通用分页控件

大家好,前几天因工作需要要开发一个基于WinForm的小程序.其中要用到分页,最开始的想法找个第三方的dll用一下,但是后来想了想觉得不如自己写一个玩一下之前的web开发中有各式各样的列表组件基本都带有分页功能,笔者早先也自己写过B/S端的分页组件(利用jquery纯前端方式).对于WinForm的还是第一次.当完成后发现其实要比B/S端的简单,基本上都是基于各种控件的事件和委托来实现的.后面会介绍到委托和事件在自定义组合用户控件中的使用. --------------------------…

基于Bootstrap仿淘宝分页控件实现

.header { cursor: pointer } p { margin: 3px 6px } th { background: lightblue; width: 20% } table { text-align: center; margin-top: 20px; margin-left: 10px; margin-bottom: 20px } a { cursor: pointer; text-decoration: none; color: gray } a:hover { text…

日积月累系列之分页控件（js源码）

最近开发了一款分页控件,分享给大家. 主要功能和界面介绍 cform分页控件支持服务端分页.客户端分页.数据过滤.数据排序等功能. 源码介绍 cform-pager分页控件主要由三部分组成:css.scripts以及index.html,css主要是用于控制分页和列表的样式:scripts主要是负责分页数据抓取.分页控件.本地缓存.数据过滤.数据排序等功能:index.html则涉及了分页数据模板.分页容器以及相应的过滤.排序按钮. scripts介绍 scripts目录下面包含了cform-m…