NutzCN Logo
精华 nutzwk列表跳转到指定页数与更改默认显示条数
发布于 2642天前 作者 x55admin 2508 次浏览 复制 上一个帖子 下一个帖子
标签: nutzwk

一.跳转到指定页:
1.index.html中找到

<script language="JavaScript">
    var datatable;
    function initDatatable() {
        datatable = $('.datatable').DataTable({
            "dom": '<"toolbar">frtip',
            "searching": false,
            "processing": false,
            "serverSide": true,
            "select": true,
            "ordering": true,

把这里面的

datatable = $('.datatable').DataTable({

中的DataTable变为小写dataTable (ps:这里折腾我一身包)

2."ordering": true,后增加这段代码

"fnDrawCallback": function () {
                $('#redirect').keyup(function (e) {
                    var redirectpage;
                    if (e.keyCode == 13) {
                        if ($(this).val() && $(this).val() > 0) {
                            redirectpage = $(this).val() - 1;
                        } else {
                            redirectpage = 0;
                        }
                        datatable.fnPageChange(parseInt(redirectpage));
                    }
                });

            },

3.找到dataTables.bootstrap.js在

var attach = function( container, buttons ) {
		var i, ien, node, button;
		var clickHandler = function ( e ) {
			e.preventDefault();
			if ( !$(e.currentTarget).hasClass('disabled') ) {
				api.page( e.data.action ).draw( false );
			}
		};

这段代码后面插入

if ($("#redirect") != null)
            $("#redirect").remove();
        $("<input type=\"text\" style=\"width: 50px;padding-top: 10px;height: 30px;border-radius: 0px 4px 4px 0px;\" id=\"redirect\" class=\"redirect\">").appendTo(container);

记住所有的index.html都要这样更改哦

二.默认列表显示10条记录改为显示20条
这个简单

<script language="JavaScript">
    var datatable;
    function initDatatable() {
        datatable = $('.datatable').DataTable({
            "dom": '<"toolbar">frtip',
            "searching": false,
            "processing": false,
            "serverSide": true,
            "select": true,
            "ordering": true,

的 "ordering": true,后面新增一个属性

"iDisplayLength": 20, //每页显示条数

收工,妈妈喊我吃饭了~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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