MVC如何使用开源分页插件shenniu.pager.js
最近比较忙,前期忙公司手机端接口项目,各种开发+调试+发布现在几乎上线无问题了;虽然公司项目忙不过在期间抽空做了两件个人觉得有意义的事情,一者使用aspnetcore开发了个人线上项目(要说线上其实只能ip访问,没有域名哈哈),其架构组成由:aspnetcore1.0.0+redis+ postgressql+TaskMainForm服务,这个项目在后期会开源出来供大家分享学习,站点地址点这里心声网;一者是目前正在做的后台管理框架一叶子,现目前刚好吧js分页插件shenniu.pager.js写完,个人觉得还是可以的,这也是本章将要和大家分享的内容;那么开始今天的分享内容,希望各位多多扫码支持:
. 为什么采用js分页及效果图
. 在view中如何使用及分享个后台方法
. 开发者视角阅读shenniu.pager.js代码
下面一步一个脚印的来分享:
. 为什么采用js分页及效果图
首先,咋们来了解下市面上mvc两种常用的分页方式:跳转分页和ajax分页;跳转分页意思就是页面重定向到指定的页面并通过传递分页需要的参数,从而获取数据后通过Modal来绑定数据,这个每次都会刷下页面体验上不是很好;ajax分页通过异步js请求某个接口,然后从接口获取到数据后,再赋值到展示的界面上,这种方式是不会刷新页面,从而保证了用户体验;
下面来看下这次分享的js分页插件效果图:
图一:
View Code 里面已经包括了注释说明,看起来应该不是问题; $.extend(defOption, option); 这段代码意思是吧用户传递进来的参数和插件里面默认的参数合并,用户大于插件直接可以覆盖相同属性的值;
再来,看请求后台的方法:
View Code这个方法体挺长的,主要操作是:
默认格式展示列表头部并呈现出加载中的提示=》绑定复选框全选事件=》创建数据返回成功函数sucFun()=》调用请求后台方法ajaxFun();
再来看函数sucFun()等到数据返回后执行的操作是:
遍历json返回数据展示到table中(其中包括了时间格式化的处理,复选框,label及操作按钮类型operate的初始化)=》页数展示及事件绑定(目前只有上一页,当前页之前页码,当前页,当前页以后页码,下一页的效果展示,分页查询条件(生成pagesize和currentPage隐藏控件),绑定分页按钮事件)
- MVC如何使用开源分页插件shenniu.pager.js
- MVC如何使用开源分页插件shenniu.pager.js
- 详解MVC如何使用开源分页插件(shenniu.pager.js)
- PHP、Smarty与jQuery Ajax 分页插件jquery.pager.js的使用
- JS 手机端滑动分页插件 SPager 最新版
- ListView加DataPager在不使用LinqDataSource(DataSourceID)时如何动态分页
- 分页插件jPages.js的使用示例
- ASP.net MVC使用Jquery-pager和Newtonsoft.Json进行分页
- firebug插件-如何使用firefox进行网页js调试
- Jquery.Page.js 分页插件的使用
- Jquery.Page.js 分页插件的使用
- 数据库分页插件PagerHelper的使用
- ASP.NET MVC 3程序(二): 如何使用JQuery插件Overlay
- 使用pager-taglib插件实现SSH框架的分页显示功能,只翻页三出错
- jquery.paginate.js 分页插件的使用
- js分页插件:首页,上页,快退,页码,快进,下页末页,跳转,使用模板,灵活自由
- asp.net mvc 分页控件 MvcPager修改;使用范围增大
- 使用Jquery分页插件jquery.pagination.js 实现无刷新分页效果
- MVC分页之MvcPager使用详解
- jquery分页插件jquery.pagination.js使用方法解析