2

データテーブルでブートストラップ ページネーションを使用しています

ページ番号 4 にいて、番号 4 のボタンをクリックすると、ページが更新されます。1 ページあたり 100 レコードを表示すると、サーバーに負荷がかかります。ただし、「前へ」「次へ」ボタンは無効になっています。現在のページと同じ番号のボタンも無効にしたい (この場合、ページ 4 のボタン)

この画像を見る

4

2 に答える 2

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 );
                        }
                });
            }
于 2013-07-23T04:54:03.047 に答える
0

あなたの質問は明確ではありません。私が理解しているのは次のとおりです。

  1. Next と Prev を無効にしたい
  2. ユーザーがページ番号をクリックすると、ページが更新されます。
  3. これを Datatables と組み合わせて使用​​しています。

ポイント 1 については、「ページ アイテムのプレゼンスの制御」を参照して、ページ アイテムのレンダリングを制御する方法を理解してください。

ページネーターを Datatables と組み合わせて使用​​しているため、イベント ハンドラーfnDraw()内で Datatableをトリガーする必要があります。onPageClickedonPageClickedのドキュメントを参照してください。

これが役立つかどうか教えてください

于 2013-07-19T07:10:00.240 に答える