fangBlood 2018-10-16 02:39 采纳率: 77.8%
浏览 6344
已采纳

使用插件Pagination写的分页,最下面的页面只显示一个,不显示其他页码数,上一页,下一页也无法点击!

很急,大神帮我看一下啊!!

            html
 <%--分页--%>
        <div id="Pagination" class="pagination" style="margin:0px 0px 10px 12px;">
        </div>

js

 $('#Pagination').pagination(data.total, {
                    items_per_page: 100, //每页显示多少条记录
                    //当前显示第几页数据
                    num_display_entries: 8, //分页显示的条目数
                    isShow: true,
                    next_text: '下一页',
                    prev_text: '上一页',
                    num_edge_entries: 2, //连接分页主体,显示的条目数
                    callback: function(new_page_index) {
                            $.ajax({
                                type: "POST",
                                url: "${ctxPath}/proDataDisplay/selectProTestDatas",
                                data: {
                                    productId: selectpzproductId,
                                    paramName: selectpzparamName,
                                    unit: selectpzunit,
                                    confCol: thispzText,
                                    pageSize: 100,
                                    currentPage: new_page_index + 1 //new_page_index为0需要加1
                                },
                                async: false,
                                success: function(data) {

                                    console.log(data);
                                    $('.tbodyshow').html(''); //清除之前加载的表格数据
                                    for(var i = 0; i < data.dataList.length; i++) {
                                        $('.tbodyshow').append('<tr id="aa' + i + '">');

                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["id"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["param_name"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["unit"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["state"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["channel_num"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["result"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["unique_num"] + '</td>'
                                        );
                                        delete data.dataList[i]["id"];
                                        delete data.dataList[i]["param_name"];
                                        delete data.dataList[i]["unit"];
                                        delete data.dataList[i]["state"];
                                        delete data.dataList[i]["channel_num"];
                                        delete data.dataList[i]["result"];
                                        delete data.dataList[i]["unique_num"];

                                        for(var key in data.dataList[i]) {
                                            if(key == 'creat_time') {
                                                $('#aa' + i).append(
                                                    '<td>' +
                                                    format(data.dataList[i][key]) + '</td>'
                                                );

                                            } else {
                                                $('#aa' + i).append(
                                                    '<td>' + data.dataList[i][key] + '</td>'
                                                );
                                            }
                                        }

                                    }

                                }
                            })

问题图片,页码数只显示了一页,而且上一页和下一页不可点击
图片说明

  • 写回答

3条回答 默认 最新

  • 邪恶八进制 2018-10-16 05:45
    关注

    建议你首先去了解一下Pagination.js框架怎么做分页的,可以尝试着修改一下 pageSize: 100,的值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵