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

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

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

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