ブートストラップ テーブルのツールバーを使用して新しい条件付きクエリを追加する方法

PHPz
リリース: 2018-10-16 15:36:21
オリジナル
5099 人が閲覧しました

今回は、ブートストラップ テーブルのツールバーを使用して新しい条件クエリを追加する方法を説明します。ブートストラップ テーブルのツールバーを使用して条件クエリを追加する場合の注意点は次のとおりです。一見。

[関連ビデオの推奨: ブートストラップ チュートリアル]

  //工具按钮用哪个容器
  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 サイトの他の関連記事に注目してください。

推奨読書:

Node.jsバッファーの使用の詳細な説明

JSを使用してローカルカメラを呼び出す方法

🎜

以上がブートストラップ テーブルのツールバーを使用して新しい条件付きクエリを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート