まず第一に、ブートストラップテーブルのページネーションに関する詳細な質問を整理し、それらをあなたと共有してくれた著者に感謝したいと思います。この記事が、ブートストラップテーブルページネーションのさまざまな問題を解決するのに役立つことを願っています。読んでくれてありがとう。
質問1:サーバーはフォーム値を取得できません。クエリストリングに問題はありませんが、request.formは値を取得できません
解決策:これはAjaxの問題であり、元のコードはネイティブAjaxを使用します。 1は、ストリームファイルを読み取ることで解決できます。 2 request.formメソッドを使用する場合は、contentTypeを設定します。
のように
$( '#tablelist')。bootstraptable({method: 'post'、url: "" "、height:$(windo).height()-200、striped:true、dataType:" json "、pagination:true、" queryparamstype ":" limit、singlect:fals質問2:サーバーに渡されたパラメーターを設定します
方法:
function queryParams(params) {return {pageSize: params.limit,pageNumber: params.pageNumber,UserName: 4};} $('#tableList').bootstrapTable({method: 'post',url: "",height: $(window).height() - 200,striped: true,dataType: "json",pagination: true, queryParams: queryparams、質問3:ページサイズの情報をバックグラウンドで取得することはできません
解決する:
1. QueryParamsに設定します
2。bootstrap-table.minjsファイルで、ソースファイルを「制限」=== this.options.queryparamstype &&(e = {limit:e.pagesize、pageNumber:e.pageNumber、
Bootstrap-Table.jsの変更も問題ありません
if(this.options.queryparamstype === 'limit'){params = {search:params.searchtext、sort:params.sortname、order:params.sortorder}; if(this.options.pagination){params.limit = this.options.pagesize; params.pagenumber = this.pagenumber.pagenumber this.options.pagesize *(this.options.pageNumber -1);}}「queryparamstype」を構成します:「制限」、
全体:
<script type = "text/javascript"> $(document).ready(function(){$( '#tablelist')。bootstraptable({method: 'post')、url: "getcompappylist"、height:$(windo).height()-200、striped:true、datepe: "json"、paginat: "true" false、contentType: "Application/x-www-form-urlencoded"、pagesize:10、pagenumber:1、search:false、//検索ボックスショーコラムを表示しない:false、//ドロップダウンボックスを表示しない(表示された列を選択します)サイドページネーション: "サーバー" ResponseHandler、列:[{field: 'companyId'、チェックボックス:true}、{field: 'qq'、title: 'qq'、width:100、align: 'center'、valign: 'middle'、sortable:false}、{field: 'companyName'、title: 'name'、width:100、 'center: ResponseHandler(res){if(res.isok){var result = b64.decode(res.resultvalue); var resultStr = $ .parsejson(res); return {"rows":resultstr.items、 "total":resulttr.totalitems}; queryparams(params){return {pagesize:params.limit、pagenumber:params.pageNumber、username:4};} </script>質問4:ページング後の再検索
前提条件:製品名を検索する機能など、カスタム検索およびページング機能。
現象:インフレータブル人形を検索するときは、100レコードを返して5ページに頼ります。この時点で、マッサージスティックを検索します。200個のデータがあり、結果は最初のページのレコードですが、実際のディスプレイは5番目のページの結果です。つまり、もう一度検索した後、ページナンバーは変わっていません。
解決策:オプションをリセットするだけです。
function search(){$( '#tablelist')。bootstraptable({pagenumber:1、pagesize:10});}それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラップテーブルの使用チュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事に関するものです。すべての人の学習に役立つことを願っています。