NutzCN Logo
问答 后台页面的页数和点击下一页那里的总数,下一页的是查到的的20条数据后
发布于 15天前 作者 qq_91afbf68 93 次浏览 复制 上一个帖子 下一个帖子
标签: nutzwk

我现在查询的列表,我想弄看到每一页显示20条数据

6 回复

是的,查询到的列表,我想看20行,然后我这么写了,d.length=20;,但是出现的是20条数据了,分页那个地方和,下面的提示那里看到的是还是1-10

 function initDatatable() {
    	datatable = $('#mydata').DataTable({
            "dom": '<"toolbar">frtip',
            "searching": false,//不显示右上角搜索
            "processing": false,//隐藏加载提示,自行处理
            "serverSide": true,// 默认是false//启用服务器端分页
            "select": true,
            "ordering": true,// 是否允许排序
            "language": {//指定表格所使用的语言,上面指的是用中文(官方提供的json文件cdn)
                "url": "${base}/assets/plugins/datatables/cn.json"
            },
            "preDrawCallback": function () {
                sublime.showLoadingbar($(".main-content"));
            },
            "drawCallback": function () {
                sublime.closeLoadingbar($(".main-content"));
            },
            "ajax": {
                "url": "${base}/platform/use/bbfaultclass/data",
                "type": "post",
                "data": function (d) {
                	d.length=20;
                }
            },
            "order": [[0, "asc"]],
            "columns": [
				{"data": "id", "bSortable": true},
				{"data": "fault_type", "bSortable": true},
				{"data": "addtime", "bSortable": true}

            ],
            "columnDefs": [
                {
                    "render": function (data, type, row) {
                        return '<div class="btn-group"><button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">' +
                                ' <i class="ti-settings"></i> <span class="ti-angle-down"></span></button><ul class="dropdown-menu" role="menu">' +
                                '<li><a href="${base}/platform/use/bbfaultclass/edit/' + row.id + '" data-pjax>修改</a></li>' +
                                '<li><a href="javascript:;" onclick="del(\'' + row.id + '\')">删除</a></li>' +
                                '</ul></div>';
                    },
                    "targets": 3
                }
            ]
        });
        datatable.on('click', 'tr', function () {
            $(this).toggleClass('selected');
        });
        $("#searchBtn").on('click', function () {
            datatable.ajax.reload();
        });
    }

查datatable的api, 并结合后台入口方法嘛, Pager默认是10

已经封装了的吗?没有能给个链接不

查datatable的API文档是正解,官方网站N多事例

添加回复
请先登陆
回到顶部