数据表:未禁用分页当前页面

时间:2013-07-19 06:55:36

标签: twitter-bootstrap datatables jquery-datatables

我正在使用数据表的引导分页

如果我在页码4中,然后单击编号为4的按钮,则页面将刷新。 我每页显示100条记录,这会导致服务器上的负载。但是,“上一个”和“下一个”按钮被禁用。我还要禁用与我所在页面相同编号的按钮(在本例中为第4页按钮)

view this image

2 个答案:

答案 0 :(得分:1)

大家好用以下变化......

编辑db_bootstrap.js行号:-81

            for ( j=iStart ; j<=iEnd ; j++ ) {
                sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
                $('<li '+sClass+'><a href="#">'+j+'</a></li>')
                    .insertBefore( $('li:last', an[i])[0] )
                    .bind('click', function (e) {
                        e.preventDefault();
                        Settings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
                        fnDraw( oSettings );
                });

使用此...

            for ( j=iStart ; j<=iEnd ; j++ ) {
                sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
                $('<li '+sClass+'><a href="javascript:void(0);">'+j+'</a></li>')
                    .insertBefore( $('li:last', an[i])[0] )
                    .bind('click', function (e) {
                        e.preventDefault();
                        if(!$(this).hasClass('active'))
                        {
                            oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
                            fnDraw( oSettings );
                        }
                });
            }

答案 1 :(得分:0)

你的问题不明确。我的理解如下:

  1. 您要禁用“下一步”和“上一页”
  2. 当用户点击页码时,页面应该刷新。
  3. 您正在将此与Datatables结合使用。
  4. 对于第1点,请参阅Controlling the Presence of a Page item以了解如何控制页面项的呈现。

    因为您正在使用paginator与Datatables一起使用,所以您希望在fnDraw()事件处理程序中触发Datatable的onPageClicked。请参阅onPageClicked的文档。

    如果有帮助,请告诉我