分页控件bootstrap.paginator.js的使用

最新推荐文章于 2021-08-05 14:18:51 发布

叁拾-

最新推荐文章于 2021-08-05 14:18:51 发布

阅读量315

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/baidu_38845827/article/details/88976053

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

上代码:这个是刷新页面的

$(function () {
            if (@Model.Order.Count> 0) {

                var options = {
                    currentPage:  @Model.Order.PageNumber,
                    bootstrapMajorVersion: 3,
                    size: "normal",
                    totalPages: @Model.Order.TotalPages,

                    itemTexts: function (type, page, current) {

                        switch (type) {

                            case "first":

                                return "首页";

                            case "prev":

                                return "上一页";

                            case "next":

                                return "下一页";

                            case "last":

                                return "末页";

                            case "page":

                                return page;

                        }

                    },
                    itemContainerClass: function (type, page, current) {
                        return (page === current) ? "active" : "pointer-cursor";
                    },

                    pageUrl: function (type, page, current) {
                        if (page == current) {
                            return "javascript:void(0)";
                        } else {
                            return "/users/welcome?page=" + page;
                        }

                    }
                    
                }

                $('#pageLimit').bootstrapPaginator(options);
  
            }

        });

但是没有实现那种有一个下拉框下拉框里有页码点击页码就发相应页码的请求过两天实现