zoukankan      html  css  js  c++  java
  • Bootstrap 分页功能

    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();
    }
  • 相关阅读:
    JAVA线程池
    数据库三范式和反三范式
    nvm切换node的版本
    vue源码解析一
    css实现气泡样式
    openlayer 地图实现圈选框选清楚 选择地图区域
    vs code开发常用插件
    记录几个好用的工具
    03 使用css改变页面样式
    02 常用的html元素
  • 原文地址:https://www.cnblogs.com/zhangwei595806165/p/3519382.html
Copyright © 2011-2022 走看看