使用JQuery插件pagination实现AJax无刷新分页
2012-11-01 11:36
330 查看
以下只列出主要代码及注释,详细请参考最后源码:
我们需要用到的文件有:jquery.js,jquery.pagination.js,pagination.css
以及用于将DataTable转换为Json的插件Newtonsoft.Json.Net20.dll,文件在包含在最下面的源文件中
分页存储过程:
?
数据访问层主要函数:取出分页数据及计算总条数(主要看传的什么参数即可)
?
下面为主要代码:
1、页面引入JS及CSS
?
2、页面Html代码
?
3、一般处理程序页面GetNewsList.ashx,根据条件取出分页数据及总条数
?
DataTable转换为Json的函数
?
4、★主要的JS代码:(Ajax取出分页数据、总条数、绑定分页控件,讲分页数据HTML输出到前台)
?
实例完整源码:源码与上面所写稍有不同
jQueryPager(JQuery分页插件pagination实现Ajax分页).rar
我们需要用到的文件有:jquery.js,jquery.pagination.js,pagination.css
以及用于将DataTable转换为Json的插件Newtonsoft.Json.Net20.dll,文件在包含在最下面的源文件中
分页存储过程:
?
?
1、页面引入JS及CSS
?
?
?
?
?
实例完整源码:源码与上面所写稍有不同
jQueryPager(JQuery分页插件pagination实现Ajax分页).rar
相关文章推荐
- 使用Jquery.pagination插件实现分页
- 使用Jquery分页插件jquery.pagination.js 实现无刷新分页效果
- 使用jquery插件实现图片延迟加载技术
- 使用Jquery cookie插件实现用户名和密码的保存
- jquery.pagination插件实现分页
- 使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
- 【jQuery插件】使用cropper实现简单的头像裁剪并上传
- jquery插件pagination实现无刷新ajax分页
- jQuery不使用插件及swf实现无刷新文件上传
- jquery插件pagination实现无刷新ajax分页
- 使用Jquery blockUI插件实现在点击按钮提交后阻止再次点击,当处理完后解除阻止
- 使用jQuery Autocomplete(自动完成)插件,结合ajax实现搜索框匹配
- jquery pagination分页插件使用详解(后台struts2)
- struts2 + spring +jquery实现AJAX (使用了struts2 的json插件)
- jquery使用CSS3实现文字动画效果插件Textillate.js
- jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
- 使用jQuery的message插件实现右下角弹出消息框
- jquery pagination插件实现无刷新分页代码
- jQuery使用插件dotdotdot.js实现段落溢出显示省略号
- jQuery不使用插件及swf实现无刷新文件上传