ブートストラップ テーブルのデータは、更新後も現在のページに残ります。

bootstrap-table がプロジェクトで使用されている場合、データを変更した後、現在のページに留まるはずですが、通常は初期化中に定義されたデフォルトのページにジャンプします。更新後にデータが現在のページに残るようにする方法。

#推奨チュートリアル: ブートストラップ エントリ チュートリアル

##現在のページを取得

現在のページに留まるには、まず現在のページを取得する必要があります。 bootstrap-table は、現在のページを含む多くのテーブル情報を取得できる getOptions を定義します。

$table.bootstrapTable('getOptions')

データの再リクエスト

データを変更した後、データを再リクエストする必要があります。初期化呼び出し、ここでは初期化呼び出しを再度行うためにこれを使用しました。現在のページをパラメータとして渡すことによって。

通过调用初始化函数刷新数据
 init(pageIndex);

    function init(pageIndex){
      $('#table').bootstrapTable({
        method:'get',
        url: '/admin/student/getAllStudent',
        striped:true,
        cache:false,
        uniqueId:'id',
        clickToSelect: true,
        pagination:true, //设置分页
        pageNumber:pageIndex || 1,//初始化加载第一页，默认第一页
        queryParams : queryParams,//请求服务器时所传的参数,
        sidePagination:'server',
        pageSize:10,//单页记录数,
        pageList:[10,20,30,40],//分页进步值
        columns: [{  //列参数
          field: 'sid',
          title: 'sid',
        }, {
          field: 'name',
          title: 'name'
        }, {
          field: 'grade',
          title: 'grade'
        },{
          field: 'password',
          title: 'password'
        },{
          field: 'Button',
          title: '操作',
          events: operateEvents,
          formatter:AddFunctionAlty//表格中增加按钮
        },
        ]
      });
    }

概要 データ更新後に現在のページに留まるという問題はよく発生しますが、その実装はここに簡単に記録されています。もしかしたらもっと簡単な方法があるかもしれません。

ブートストラップ テンプレートを無料でダウンロードしたい場合は、

ブートストラップ テンプレート

列にアクセスしてください。

以上がブートストラップ テーブルのデータは、更新後も現在のページに残ります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。