Bootstrap 分页功能

简介: function bootstrappage() { var options = { currentPage: currentPage, totalPages: totalPages, size: 'normal', ...
function bootstrappage() {
    var options = {
        currentPage: currentPage,
        totalPages: totalPages,
        size: 'normal',
        itemContainerClass: function (type, page, current) {
            return (page === current) ? "active" : "pointer-cursor";
        },
        itemTexts: function (type, page, current) {
            switch (type) {
                case "first":
                    return "First";
                case "prev":
                    return "上一页";
                case "next":
                    return "下一页";
                case "last":
                    return "Last";
                case "page":
                    return page;
            }
        },
        shouldShowPage: function (type, page, current) {
            switch (type) {
                case "first":
                case "last":
                    return false;
                default:
                    return true;
            }
        },
        onPageClicked: function (e, originalEvent, type, page) {
            currentPage = page;
            zwobj.url = "../../Handler/PostsHandler.ashx?action=GetPosts";
            zwobj.data = { current: currentPage, total: 10 };
            ajaxData();
        }
    };
    $('#example').bootstrapPaginator(options);
}

//----------------------------  后台返回方法  ---------------------------------

function ajax_GetPosts(data) {
    $(".table tbody").html("");
    var html = "";
    var len = data.Data.length;
    for (var i = 0; i < len; i++) {
        html += "<tr>" +
                "<td><a href='#'>" + data.Data[i].Title + "</a></td>" +
                "<td>" + eval("new " + data.Data[i].CreateDt.split('/')[1]).Format("yyyy-MM-dd") + "</td>" +
                "<td>" + data.Data[i].ReplyCount + "/" + data.Data[i].ViewCount + "</td>" +
                "<td>" + data.Data[i].UserName + "</td></tr>";
    }
    $(".table tbody").html(html);
    var total = parseInt(data.Other);
    totalPages = (total / 10) + 1;
    bootstrappage();
}

 

目录
相关文章
|
5月前
bootstrap+fileinput插件实现可预览上传照片功能
bootstrap+fileinput插件实现可预览上传照片功能
72 0
|
11月前
|
前端开发 Java
Java入门007~springboot+freemarker+bootstrap快速实现分页功能
Java入门007~springboot+freemarker+bootstrap快速实现分页功能
114 0
|
11月前
|
前端开发 Java
springboot+freemarker+bootstrap快速实现分页功能(含java源码)
springboot+freemarker+bootstrap快速实现分页功能(含java源码)
|
JSON 前端开发 JavaScript
Flask使用bootstrap为HttpServer添加上传文件功能
今天朋友说,之前写的文章Flask开发vip版HttpServer,具备了httpserver的下载功能,比python原生的http服务好用多了,但能否再此基础上添加一个文件上传的功能呢?必须可以啊,正好复习下bootstrap和jQuery的相关知识。
146 0
|
SQL 前端开发 Java
Spring之路(23)–SpringMVC+Bootstrap开发博客系统实例(其他功能实现)
本文目录 1. 前言 2.新增博客功能实现 3. 编辑博客功能的实现 4. 删除博客功能实现 5. 总结
174 0
Spring之路(23)–SpringMVC+Bootstrap开发博客系统实例(其他功能实现)