今回は、ブートストラップ テーブルのツールバーを使用して新しい条件クエリを追加する方法を説明します。ブートストラップ テーブルのツールバーを使用して条件クエリを追加する場合の注意点は次のとおりです。一見。
[関連ビデオの推奨: ブートストラップ チュートリアル]
//工具按钮用哪个容器 toolbar: '#toolbar', <p></p>
定義したクエリ条件がこの p に入力されています。まず、期待される効果を見てみましょう:
この効果を達成するには、最初にクエリ フォームを追加する必要があります:
<p> </p><p> </p><p> </p><p> </p>
リクエスト サーバーに渡されたパラメータから対応する値を取得します:
//请求服务器数据 queryParams: function queryParams(params){ var param = { pageNumber: params.pageNumber, pageSize: params.pageSize, sortName: params.sortName, sortOrder: params.sortOrder, searchText: $("#searchText").val(), msgType: $("#msgType").val(), productLine: $("#productLine").val() }; return param; }
最後に、それをサーバーに送信します:
//查询 $(document).on('click', ".queryButton",function(){ $('#table').bootstrapTable('refresh'); });
この更新の公式ドキュメントでは次のように説明されています:
Refreshリモート サーバー データの場合、データをサイレントに更新するには {silent: true}
を設定し、URL を変更するには {url: newUrl}
を設定します。 silent: true}
以静默方式刷新数据,并设置{url: newUrl}
更改URL。
要提供特定于此请求的查询参数,请设置{query: {foo: 'bar'}}。
{query: {foo: 'bar'}} を設定します。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:
🎜以上がブートストラップ テーブルのツールバーを使用して新しい条件付きクエリを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。