1. function bootstrappage() {
  2. var options = {
  3. currentPage: currentPage,
  4. totalPages: totalPages,
  5. size: 'normal',
  6. itemContainerClass: function (type, page, current) {
  7. return (page === current) ? "active" : "pointer-cursor";
  8. },
  9. itemTexts: function (type, page, current) {
  10. switch (type) {
  11. case "first":
  12. return "First";
  13. case "prev":
  14. return "上一页";
  15. case "next":
  16. return "下一页";
  17. case "last":
  18. return "Last";
  19. case "page":
  20. return page;
  21. }
  22. },
  23. shouldShowPage: function (type, page, current) {
  24. switch (type) {
  25. case "first":
  26. case "last":
  27. return false;
  28. default:
  29. return true;
  30. }
  31. },
  32. onPageClicked: function (e, originalEvent, type, page) {
  33. currentPage = page;
  34. zwobj.url = "../../Handler/PostsHandler.ashx?action=GetPosts";
  35. zwobj.data = { current: currentPage, total: 10 };
  36. ajaxData();
  37. }
  38. };
  39. $('#example').bootstrapPaginator(options);
  40. }
  41.  
  42. //---------------------------- 后台返回方法 ---------------------------------
  43.  
  44. function ajax_GetPosts(data) {
  45. $(".table tbody").html("");
  46. var html = "";
  47. var len = data.Data.length;
  48. for (var i = 0; i < len; i++) {
  49. html += "<tr>" +
  50. "<td><a href='#'>" + data.Data[i].Title + "</a></td>" +
  51. "<td>" + eval("new " + data.Data[i].CreateDt.split('/')[1]).Format("yyyy-MM-dd") + "</td>" +
  52. "<td>" + data.Data[i].ReplyCount + "/" + data.Data[i].ViewCount + "</td>" +
  53. "<td>" + data.Data[i].UserName + "</td></tr>";
  54. }
  55. $(".table tbody").html(html);
  56. var total = parseInt(data.Other);
  57. totalPages = (total / 10) + 1;
  58. bootstrappage();
  59. }

Bootstrap 分页功能的更多相关文章

  1. 利用Bootstrap Paginator插件和KnockoutJS完成分页功能

    在最近一个项目中,需要结合一堆条件查询并对查询的结果数据完成一个简单分页功能,可是做着做着,自己的思路越来越模糊,做到心态崩溃!!! 哈哈,特此花点时间重新总结,并从最简单的分页,然后向多条件查询分页 ...

  2. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  3. 【jQuery 分页】jQuery分页功能的实现

    自写的jQuery实现分页功能的分页组件: 功能效果如下: 分页组件就是上图中的三部分, 分别放在表格上部  和下部 . 其中, 1>>>页面的代码如下: product.jsp 其 ...

  4. python_way day18 html-day4, Django路由,(正则匹配页码,包含自开发分页功能), 模板, Model(jDango-ORM) : SQLite,数据库时间字段插入的方法

    python_way day18 html-day4 1.Django-路由系统   - 自开发分页功能 2.模板语言:之母板的使用 3.SQLite:model(jDango-ORM) 数据库时间字 ...

  5. Java Web -【分页功能】详解

    分页简介 分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示. 使用场景: 当取到的数据量达到一定的时候,就需要使用分页来进行数据分割. 当我们不使用分页功能的时候,会面 ...

  6. bootstrap分页插件的使用

    项目中需要实现文章列表的分页显示,由于使用了bootstrap框架,所以我们选择bootstrap的分页实现方法.网上有一些这方面的介绍文章,并且也有相关的示例程序.这里结合我们的项目,介绍一下使用b ...

  7. python2.0_day19_前端分页功能的实现

    我们前面完成的客户纪录展示,只有4条,如果有上百条就不能在1页中全部展示了,那样是不人性化的.另外一次性取出来,数据量也比较大.假如现在有95条数据,我们想实现一个每页展示20条,那就分为5页.假如我 ...

  8. django高级应用(分页功能)

    django高级应用(分页功能) 1.原生分页应用 前端html代码 <!DOCTYPE html> <html lang="en"> <head&g ...

  9. [ Laravel 5.5 文档 ] 数据库操作 —— 在 Laravel 中轻松实现分页功能

     简介 在其他框架中,分页是件非常痛苦的事,Laravel 让这件事变得简单易于上手.Laravel 的分页器与查询构建器和 Eloquent ORM 集成在一起,并开箱提供方便的.易于使用的.基于 ...

随机推荐

  1. multi-threads synchronization use conditional mutex

    #include <pthread.h> int thread_flag; pthread_cond_t thread_flag_cv; pthread_mutex_t thread_fl ...

  2. PowerShell 批量增加ACL

    $serviceName="云服务名称"$vmName="虚拟机名称"$endPoint="终结点名称"$acl=New-AzureAclC ...

  3. java基础常识

    现在总结一些经常接触到的java名词 一:java技术分类 javase:java standard editor:java标准版,主要定义java经常使用的API(Application Progr ...

  4. Scala语言专题

    Scala基础01:基础语法 Scala基础02:函数,懒值,异常 Scala基础03:数组 Scala基础04:类与对象 Scala基础05:包与引用 Scala基础06:继承 Scala基础07: ...

  5. 小米2s 用线刷,刷回MIUI V5了

    1. 在使用MiFlash刷机时,出现了:FAILED (remote: partition table doesn't exist) 参考了:[经验技巧]如果你合并分区后悔了,那么我有最简单的方法恢 ...

  6. JAXB - Unmarshalling

    A simple approach for unmarshalling an XML document consists of the creation of a JAXB context and t ...

  7. TCP/IP 学习博客

    原作者地址:http://blog.csdn.net/goodboy1881/article/category/204448

  8. Sytem 表空间很大

    SYSTEM表空间使用率达到了99%, 经查出,是审计表AUD$占用绝大部分的空间. -- 占用表空间system对象大小排名 SELECT * MB FROM DBA_SEGMENTS WHERE ...

  9. C#多线程同步

    在编写多线程程序时无可避免会碰到线程的同步问题.什么是线程的同步呢? 举个例子:假如在一个公司里面有一个变量记录某人T的工资count=100,有两个主管A和B(即工作线程)在早一些时候拿了这个变量的 ...

  10. Requirejs开篇

    前言 随着页面的内容丰富,以及网站体验更好.性能优化等,原有的通过script标签引入JavaScript脚本的方式已经不能很好地解决,此时新的一种JavaScript加载方式产生了--延时加载.执行 ...