ホームページ >ウェブフロントエンド >jsチュートリアル >bootstrap-table はサーバー側のページング機能を実装します

bootstrap-table はサーバー側のページング機能を実装します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-18 14:10:123100ブラウズ

今回は、サーバーサイドのページネーション機能を実装するためのbootstrap-tableと、サーバーサイドのページングnotesを実装するためのbootstrap-tableを紹介します。以下は実際的なケースです。見てみましょう。

最近フロントエンドはブートストラップテーブルプラグインを使用していますが、クライアント側のページングが大きすぎると連携が悪くなるので、大量のデータのページングにはサーバー側を使用しましょう。コードを開始します

フロントエンド

まず、ブートストラップ テーブルによって渡されるデフォルトのページング パラメーターを見てみましょう

  • offset はどのインデックスから始まりますか

  • limit ページごとの制限数

デフォルトのページングパラメータとは異なる可能性があるため、バックグラウンドに渡されるパラメータは

  • です。 page 0から始まるページ

  • size 各ページに表示される数字

  •   $('#'+ tableId).bootstrapTable({
         queryParams:function(e) {
          varparam = {
           size: e.limit,
           page: (e.offset / e.limit),//不需要+1
          };
          returnparam;
         },
         sidePagination:“server”;
    });

バックステージ

rreee

注意

ブートストラップ テーブルによって受け取られるパラメータには、合計と行が含まれている必要があります。合計は合計数量であり、行はこの記事の事例を読んだ後で方法を習得したと思います。さらに興味深い情報に注目してください。 PHP 中国語 Web サイトの他の関連記事へ!

推奨読書:

Angularjsは画像プレビューとアップロードを実装します


vueはaxiosとパッケージングを使用します


以上がbootstrap-table はサーバー側のページング機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。