adminlte 分页_分页符的正确使用方法

(3) 2024-06-13 17:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
adminlte 分页_分页符的正确使用方法,希望能够帮助你!!!。


## 分页数据提示英文翻译成中文 在jquery.dataTables.js中

"oLanguage": {
			"sProcessing": "处理中...",
		    "sLengthMenu": "显示 _MENU_ 项结果",
		    "sZeroRecords": "没有匹配结果",
		    "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
		    "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
		    "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
		    "sInfoPostFix": "",
		    "sSearch": "搜索:",
		    "sUrl": "",
		    "sEmptyTable": "表中数据为空",
		    "sLoadingRecords": "载入中...",
		    "sInfoThousands": ",",
		    "oPaginate": {
		        "sFirst": "首页",
		        "sPrevious": "上页",
		        "sNext": "下页",
		        "sLast": "末页"
		    },
		    "oAria": {
		        "sSortAscending": ": 以升序排列此列",
		        "sSortDescending": ": 以降序排列此列"
		    }
		},


## 增加跳转到第几页  写在页面的js里面,比如index.html

$('#example2').DataTable({
      'paging'      : true,
      'lengthChange': true,
      'searching'   : true,
      'ordering'    : false,
      'info'        : true,
      'autoWidth'   : true,
      drawCallback: function (setting) {
            var _this = $(this);
            var tableId = _this.attr('id');
            var pageDiv = $('.pagination');
            pageDiv.append(
                '<li style="display:inline;float:left;margin-left:5px;">跳转到第<input class="form-control"  id="' + tableId + '_gotoPage" type="text" style="height:32px;line-height:32px;width:40px; outline:none;box-shadow:0";/>页</li>' +
                '<li><a style="margin-left:5px;" class="paginate_button" aria-controls="' + tableId + '" tabindex="0" id="' + tableId + '_goto">确定</a></li>') 
            $('#' + tableId + '_goto').click(function (obj) {
                var page = $('#' + tableId + '_gotoPage').val();
                var thisDataTable = $('#' + tableId).DataTable();
                var pageInfo = thisDataTable.page.info();
                if (isNaN(page)) {
                    $('#' + tableId + '_gotoPage').val('');
                    return;
                } else {
                    var maxPage = pageInfo.pages;
                    var page = Number(page) - 1;
                    if (page < 0) {
                        page = 0;
                    } else if (page >= maxPage) {
                        page = maxPage - 1;
                    }
                    $('#' + tableId + '_gotoPage').val(page + 1);
                    thisDataTable.page(page).draw('page');
                }
            })
        }

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复