Adminlte数据分页设置「建议收藏」

全栈程序员-站长 • 2022年7月27日上午9:16 • 未分类 • 阅读 2

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺


## 分页数据提示英文翻译成中文 在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');
                }
            })
        }

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/164545.html原文链接：https://javaforall.net